css3和css有什麼區別？首先css33是css（層疊樣式表）技術的升級版本，而css是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的電腦語言。然後是內容上css3主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布... ...
css3和css有什麼區別？首先css3是css（層疊樣式表）技術的升級版本，而css是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的電腦語言。然後是內容上css3主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄佈局等模塊。而css不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。最後在特點上css3新特征有很多，例如圓角效果、圖形化邊界、塊陰影與文字陰影、使用RGBA實現透明效果、漸變效果、使用@Font-Face實現定製字體、多背景圖、文字或圖像的變形處理（旋轉、縮放、傾斜、移動）、多欄佈局、媒體查詢等。css主要能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字型大小樣式，擁有對網頁對象和模型樣式編輯的能力。（更多詳情參考下百度官方給出的介紹：css css3)
下麵言歸正傳，其實今天學習這個主要是想瞭解css3的transform動畫效果，不過貌似第一節課沒有提到，有點小失落，這個html5+css3+js不光可以實現動畫，其次可以往這個游戲與建模方向發展,閑話不多扯，在第一節中筆記如下：
1.html嵌套樣式包含內部、外部、內聯，通過代碼的可復用性，比對最後得出：不建議使用內聯樣式，內部樣式其次，外部樣式推薦使用，比方說下麵這個最後展示結果字體的顏色是#f90，原因是因為外部<內部<內聯，這個是單行的樣式，如果頁面樣式數量過多，超出一定數值，還是建議將這個css的樣式與代碼相分離，最後通過link鏈接，具體代碼展示如下：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>簡單瞭解css3樣式設計和優先順序</title> 7 <style type="text/css"> 8 div{ 9 color: rebeccapurple; 10 } 11 div.box{ 12 color: saddlebrown; 13 } 14 #box{ 15 color: blue; 16 /* color: blue!important; */ /*添加的important屬性最後讀取*/ 17 } 18 /*有意思的一點是當這個圖片的寬高一致時，border-radius:50%的圓形屬性和這個img2的圖片直徑500px一致*/ 19 .box1>img{ 20 border-radius: 50%; 21 }/*img尺寸1000x956px*/ 22 .box2>img{ 23 border-radius: 500px; 24 }/*img2尺寸500x500px*/ 25 </style> 26 <link rel="stylesheet" href="demo1.css"> 27 </head> 28 <body> 29 <div class="box" id="box" style="font-size: 24px;font-weight: bold;color: #f90;"> 30 html嵌套樣式包含內部、外部、內聯，通過代碼的可復用性，比對最後得出：不建議使用內聯樣式，內部樣式其次，外部樣式推薦使用，代碼展示如下： 31 </div><!--內聯樣式--> 32 <!-- 新建一個css樣式表通過link鏈接控制這個頁面的樣式 --><!--外部樣式--> 33 <p class="box1"><img src="images/timg.jpg" alt=""></p> 34 <p class="box2"><img src="images/timg2.jpg" alt=""></p> 35 </body> 36 </html>
個人看法是先將外部與內部整合起來，根據html代碼從上至下讀取，考慮下css優先順序：標簽<class類<id選擇器<內聯樣式(行內樣式)，當然如果樣式加入important屬性值就又是另外一種情況了。
