css3新增的一些特性1.屬性選擇器 2.結構偽類選擇器 3.偽元素選擇器 4.2d轉換 5.動畫 6. 3d轉換 7.遊覽器私有字首
一.屬性選擇器選擇符簡介
舉例e[att]
選擇具有att的e元素
button[disabled]
e[att=「val」]
選擇具有att屬性且屬性等於val的e元素
input[type="search"]
e[att^="val"]
匹配具有att屬性、且值以val開頭的e元素
div[class^="icon"]
e[att$="val"]
匹配具有att屬性、且值以val結尾的e元素
div[class$="icon"]
e[att*="val"]
匹配具有att屬性、且值含有val的e元素
div[class*="icon"]
二.結構偽類選擇器(挺重要的)間隔樣式不同的時候可以使用，可以不用js去實現了，方便很多
選擇符簡介
舉例e:first-child
匹配父元素的第乙個子元素e
ul li:first-child
e:last-child
匹配父元素的最後乙個元素e
ul li:last-child
e:nth-child(n)
匹配父元素中的第n個子元素e
ul li:nth-child(n)
e:first-of-type
指定型別e的第乙個
div span:first-of-type
e:last-of-type
指定型別e的最後乙個
div span:last-of-type
e:nth-of-type(n)
指定型別e的第n個
div span:nth-of-type
nth-child(n)
三.偽元素選擇器注意： 選擇符
簡介::before
在元素內部的前面插入內容
::after
在元素內部的後面插入內容
div::befored｛content:"i am marry";
width:100px
｝
css3的一些新特性
background rgba 254,255,200,0.75 例如上面 所示，前三個引數分別是分別是 r g b 三原色，範圍是 0 255。第四個引數是背景透明度，範圍是 0 1，如 0.5 代表透明度 50 這個屬性使我們在瀏覽器中也可以做到像 win7 一樣的半透明玻璃效果。css3圓角示...
css3的一些新特性
background rgba 254,255,200,0.75 例如上面 所示，前三個引數分別是分別是 r g b 三原色，範圍是 0 255。第四個引數是背景透明度，範圍是 0 1，如 0.5 代表透明度 50 這個屬性使我們在瀏覽器中也可以做到像 win7 一樣的半透明玻璃效果。css3圓角示...
CSS3的一些新特性
1.屬性選擇器 選擇符簡介 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...