CSS3中新增，雖然當然存在一定的瀏覽器兼容問題（主要是因為低版本IE瀏覽器所致），不過隨時時間的推移，CSS3將成為主流，下面就結合實例代碼詳細介紹一下此屬性的用法。
2016-11-170個贊
CSS3 是 CSS 的升級版本，這套新標準提供了更加豐富且實用的規(guī)范，如：盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等等，目前有很多瀏覽器已經相繼支持這項升級的規(guī)范
2016-11-240個贊
子元素選擇器(以大于號分隔） 相鄰兄弟選擇器（以加號分隔） 普通兄弟選擇器（以破折號分隔）
2016-11-260個贊
Border-color(設置邊框顏色) Border-image(通過圖片設置為邊框) Border-radius(邊框的半徑) box-shadow(陰影效果)
2016-11-240個贊
a:link {background-color:#B2FF99;} a:visited {background-color:#FFFF85;} a:hover {background-color:#FF704D;} a:active {background-color:#FF704D;}
2016-11-260個贊
"first-line" 偽元素用于向文本的首行設置特殊樣式。
2016-11-260個贊
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網</title> </head> <body> <ul> <li><a href="#">首頁</a></li> <li><a href="#">新聞</a></li> <li><a href="#">娛樂</a></li> <li><a href="#">關于</a></li> </ul> </body> </html>
2016-11-260個贊
position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li a { padding: 15px 40px; color: #fff; }
2016-11-260個贊
div.img { margin: 2px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; }
2016-11-260個贊
translate()方法,元素從當前位置移動，根據給定的left(x坐標)和top(y坐標)位移參數 rotate()方法,元素順時針給定的角度、允許負值，元素將逆時針旋轉 通過skew()方法，元素傾斜給定的角度，根據給定的水平線（X軸）和垂直線（Y軸）參數 matrix()方法把所有2D轉換方法組合在一起
2016-12-050個贊
半透明 opacity: 0.2;
2016-11-260個贊
transform 向元素應用 2D 或 3D 轉換。 transform-origin 允許你改變被轉換元素的位置。 transform-style 規(guī)定被嵌套元素如何在 3D 空間中顯示。 perspective 規(guī)定 3D 元素的透視效果。 perspective-origin 規(guī)定 3D 元素的底部位置。 backface-visibility 定義元素在不面對屏幕時是否可見。
2016-12-050個贊
all 用于所有的媒體設備。 aural 用于語音和音頻合成器。 braille 用于盲人用點字法觸覺回饋設備。 embossed 用于分頁的盲人用點字法打印機。 handheld 用于小的手持的設備。 print 用于打印機。 projection 用于方案展示，比如幻燈片。 screen 用于電腦顯示器。
2016-11-260個贊
[att^=val];解釋：如果元素用att表示的屬性之屬性值的開頭為用val指定的字符的話，則該元素使用這個樣式。(其實你可以這樣理解在正則里面^匹配開頭嘛所以嘍。。)
2016-11-260個贊
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(php.cn)</title> <style type="text/css"> .box{width:100px;height:100px;background:red; transition:1s width,2s height,3s background;} .box:hover{width:500px;height:300px;background:blue;} </style> </head> <body> <div class="box"> </div> </body> </html>
2016-12-050個贊
