1. 多**標籤有兩個，分別是- 音訊 -- `audio`
多**標籤使用總結多**標籤在不同瀏覽器下情況不同，存在相容性問題
buttonbutton[disabled]
/*選擇type=search的輸入框*/input[type=search]
/*選擇類名以black開頭的*/
span[class^=black]
/*選擇類名以black結尾的*/
span[class$=black]
/*選擇類名中包含black的*/
span[class*=black]
/*選擇ul下的第乙個li元素*/
ul li:first-child
/*選擇ul下的最後乙個li元素*/
ul li:last-child
/*選擇ul下的第3個li元素*/
ul li:nth-child(3)
- 注意：本質上就是選中第幾個子元素- n 可以是數字、關鍵字、公式
- n 如果是數字，就是選中第幾個
- 常見的關鍵字有 `even` 偶數、`odd` 奇數
- 常見的公式如下(如果 n 是公式，則從 0 開始計算)
- 但是第 0 個元素或者超出了元素的個數會被忽略
/* 偶數 */
ul li:nth-child(even)
/* 奇數 */
ul li:nth-child(odd)
/*n 是公式，從 0 開始計算 */
ul li:nth-child(n)
/* 偶數 */
ul li:nth-child(2n)
/* 奇數 */
ul li:nth-child(2n + 1)
/* 選擇第 0 5 10 15, 應該怎麼選 */
ul li:nth-child(5n)
/* n + 5 就是從第5個開始往後選擇 */
ul li:nth-child(n + 5)
/* -n + 5 前五個 */
ul li:nth-child(-n + 5)
- `nth-child` 選擇父元素裡面的第幾個子元素，不管是第幾個型別- `nt-of-type` 選擇指定型別的元素
div :nth-child(1)
div :nth-child(2)
div span:nth-of-type(2)
div span:nth-of-type(3)
- `before` 和 `after` 必須有 `content` 屬性- `before` 在內容前面，after 在內容後面
- `before` 和 `after` 建立的是乙個元素，但是屬於行內元素
- 建立出來的元素在 `dom` 中查詢不到，所以稱為偽元素
- 偽元素和標籤選擇器一樣，權重為 1
div
div::after,
div::before
div::after
div::before
H5 css3屬性隨筆
padding 簡寫屬性在乙個宣告中設定所有內邊距屬性。margin 簡寫屬性在乙個宣告中設定所有外邊距屬性。placeholder 屬性提供可描述輸入字段預期值的提示資訊 hint alt 屬性規定在影象無法顯示時替代文字。在電腦鍵盤上，esc是escape 逃跑 的簡寫，ctrl是control...
H5 Css3常見問題
1 a.無意義標籤 div，span 主要用來布局 b.一級標籤 body 乙個頁面中只有乙個 c.二級標籤 div，span d.標籤 p3 注釋的作用 更具可讀性，便於維護 4 css優先順序 行內樣式 外部樣式 內嵌式 就近原則 5 外邊距合併問題 1 父子級 給父級加邊框屬性 給父級加pad...
H5 CSS3前端簡單總結
div 是最常用的乙個盒子了，寫 的時候直接.a就直接生產 a div 了span 乙個行內元素，也就那樣ul li 最常用的乙個作為導航欄的標籤，然後就是ul li就直接生成，裡面一般包含a超連結 a 超連結，herf屬性指定他去哪，就填父絕子相 表示父盒子用絕對定位，因為這樣父盒子不脫標，還可以...