通過學習CSS3游戲介紹、CSS樣式和優先順序章節，瞭解到html5+css3+js不光可以實現動畫，其次可以往這個游戲與建模方向發展，更多css3特效訪問Gerard Ferrandez on CodePen其次html嵌套css樣式分為3種：內聯、內部、外部、寫法上推薦的是外部，便於代碼復用性；樣... ...
通過學習CSS3游戲介紹、CSS樣式和優先順序章節，瞭解到html5+css3+js不光可以實現動畫，其次可以往這個游戲與建模方向發展，更多css3特效訪問Gerard Ferrandez on CodePen其次html嵌套css樣式分為3種：內聯、內部、外部、寫法上推薦的是外部，便於代碼復用性；樣式表的寫法是選擇器{設置樣式}；css中常見的註釋為/**/；css的優先順序：內聯style>id選擇器>class選擇器>標簽；在css中，文本預設字體大小16px，長度單位分為px像素與em倍數；除此之外，顏色寫法形式如下：#ffff16進位、yellow英文單詞、rgb(216, 17, 173)其中當#ff0000可以簡寫為#f00,閑話不多扯，直接代碼展示：
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游戲介紹、CSS3樣式和優先順序</title> 7 <link rel="stylesheet" href="demo.css"> 8 <style type="text/css"> 9 div{ 10 color: aqua; 11 }/*css內部*//*css註釋標記*/ 12 img{ 13 /* width: 256px; 14 height: 256px; */ 15 border-radius: 256px; 16 background-color: #ccc; 17 } 18 .divcls{ 19 color: blue; 20 } 21 #divdid{ 22 color: brown; 23 } 24 /* css優先順序如何:1.內聯style2.id選擇器3.class選擇器4.標簽 */ 25 </style> 26 </head> 27 <body> 28 <!-- <link rel="stylesheet" href="demo.css"> 新建一個demo.css樣式表 外部鏈接--> 29 <!--寫在行內的樣式是css內聯樣式--> 30 <div style="color: rgb(216, 17, 173);" class="divcls" id="divid">css3和css有什麼區別？首先css3是css（層疊樣式表）技術的升級版本，<em style="font-style: normal;font-size: 14px;">而css是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的電腦語言。然後是內容上css3主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄佈局等模塊。</em> 而css不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。最後在特點上css3新特征有很多，例如圓角效果、圖形化邊界、塊陰影與文字陰影、使用RGBA實現透明效果、漸變效果、使用@Font-Face實現定製字體、多背景圖、文字或圖像的變形處理（旋轉、縮放、傾斜、移動）、多欄佈局、媒體查詢等。css主要能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字型大小樣式，擁有對網頁對象和模型樣式編輯的能力。（更多詳情參考下百度官方給出的介紹：css css3)</div><!--css長度單位:px em--> 31 <img src="images/xs.png" alt=""> 32 </body> 33 </html>
