兄弟選擇器
他兄弟選擇器 element1~element2
結構偽類選擇器
選擇器簡介
e:first-child
匹配父元素中的第乙個子元素e
e:last-child
匹配父元素中最後乙個e元素
e:nth-child(n)
匹配父元素中的第n個子元素e
e:first-of-type
指定型別e的第乙個
e:last-of-type
指定型別e的最後乙個
e:nth-of-type(n)
指定型別e的第n個
偽元素選擇器
注意
.box::before,.box::after
.ps::first-letter
.ps::first-line
屬性選擇器
選擇器簡介e[att]
選擇具有att屬性的e元素
e[att=「val」]
選擇具有att屬性且屬性值等於val的e元素
e[att^=「val」]
匹配具有att屬性、且值以val開頭的e元素
e[att$=「val」]
匹配具有att屬性、且值以val結尾的e元素
e[att*=「val」]
匹配具有att屬性、且值中含有val的e元素
input[name]
input[name="hobby"]
input[name^="hobby"]
input[name$="list"]
input[name*="user"]
css3 盒模型-box-sizing 屬性
border-box 怪異模式
邊框圓角 border-radius
瀏覽器相容
文字陰影 text-shadow
盒子陰影 box-shadow
過渡屬性 transition
時間 transition-timing-function 時間曲線
2d 轉換
.box
.box p
.box p
.box p:hover
3d 位移
transform-style屬性
瀏覽器相容
@keyframes書寫方法
@keyframes 動畫名稱
animation 屬性
.box
@keyframes move
25%
50%
75%
100%
}
瀏覽器相容
CSS3 新增選擇器
新增選擇器 用法描述 element1 element2 p u選擇在同乙個父級元素下的p後面的所有的ul 選擇其 src 屬性值以 https 開頭的每個a元素 attribute value a src pdf 選擇其 src 屬性以 pdf 結尾的所有a元素 attribute value a...
css3新增選擇器
1.屬性選擇器 1 e att 元素 屬性 選擇具有att屬性的e元素，需要選擇有某個屬性的元素，而不論是行為是什麼，可以使用簡單的屬性選擇器 注 可以根據多個屬性進行選擇，只需要將屬性選擇器連線即可。2 e att val 元素 屬性 屬性值 選擇具有att屬性且屬性值為val的e元素，進一步縮小...
css3新增選擇器
屬性選擇器 1.dom attr 帶有attr的屬性會被選擇 2.dom attr value 帶有attr的屬性，並且值為value的元素會被選擇 3.dom attr value 帶有attr的屬性，並且值當中只要包含完整的value單詞，就會被選擇 4.dom attr value 帶有att...