1.h5新標籤
即語義化標籤,作用:便於搜尋引擎的抓取,**的優化
a.h5建議使用utf-8編碼,避免亂碼
b.搜素引擎優化:seo
c.表單新標籤
:輸入的值必須是數字,且範圍在20-100之間
以下皆為日期選擇器,也可以像number一樣設定最大值最小值,超出範圍則會提示使用者,這樣對於後端來說比較友好。
以下為郵箱的標籤,格式錯誤會有提示
以下用於取色
以下用於直接放,手動新增src
以下用於填寫手機號
進度條:
表示65%
表示最大是200,現在顯示了35
2.選擇器
:root:表示根標籤同萬用字元*{}
not(.p3):排除指定class為p3的元素(引數填選擇器)
冒號前指定範圍,加上範圍,下面例子為
li:first-child
必須明確指定範圍,是父元素下的第乙個li標籤,且第乙個元素必須為li標籤,否則如果第乙個元素是p標籤則不顯示效果
:last-child 跟
:first-child用法一樣
:fist-of-type 指定範圍下的第乙個出現的標籤,不管前面有多少個其它標籤是沒有影響的
:last-of-type 跟:fist-of-type 用法一樣
:nth-child(5) 第5個元素 ,()可以填even和odd 奇偶,
來表示間接顯示效果
凡是關於
child前面都不能有其他型別的元素
:nth-of-type(even) 第奇數個指定元素:隻數冒號前面符合條件的子元素,不管出現多少個其他型別元素是不受影響的
屬性選擇器:使用
[ ]設定屬性限制,效果在指定的屬性標籤上顯示
使用^表示開始位置;
使用$表示結束位置;
使用*表示任意位置;
注意三個符號的放置位置。放在href的後面=的前面
兄弟選擇器:#a1~a
~表示id為a1的標籤所有a標籤兄弟,不管之間穿插了多少個其他的標籤,效果依舊顯示
兄弟選擇器:#a1+a
+表示id為a1的標籤的下乙個a標籤兄弟,且其後的第乙個兄弟必須是a標籤,否則效果不顯示,第乙個案例就是這種情況。第二個案例是可以顯示效果的
我的IT成長之路
我的 it成長之路 飛利浦公司開發一款 lpc213x的32 位微處理器。不知何故,現在有 nxp公司生產。不論是原飛利浦公司的使用者手冊,還是 nxp公司的使用者手冊,都沒有其元件封裝。沒有元件封裝就不能做印刷電路板。畫出原理圖也沒用,乾著急。如果自己實測自己做元件封裝。不僅費時費力,做出的元件封...
我的創新成長之路(二)
大二年是我成長的一年,在這一年中我成長了許多,在這一年中,我得極力感謝07級學長們,還有08級部分同僚們。就這樣我成了創新 電子設計部的一員。進部之後,我才了解到我的進部跟兩個人有很大的關係,這個兩個人是普哥 王重普學長 和濤哥 帖濤 面試的時候。普哥問了我很多的問題,其中大部分關於智慧型車的 電磁...
我的創新成長之路(三)
轉眼就大二下學期了,這一年是我鍛鍊的一年,這一學年中的大部分課餘時間我都會呆在創新,當然那時還經常陪伴著現在已經不屬於我的她。記得大概是剛過完大年初十自己就整理行囊趕往學校,火車票不好買,還是我姑父託人把我跟乙個朋友送上火車的。這次坐火車至今刻苦銘心,因為沒有臥鋪,沒有坐票,我們兩個就擠在餐車的乙個...