通過學習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="https://www.cnblogs.com/webaction/p/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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/72072.html
標籤：Html/Css