CSS：層疊樣式表（ Cascading Style Sheets ，主要實現網頁美化以及各種特效；
CSS分為三種：
一、 行內樣式（inline style）
語法：
<標簽名 style="屬性1：值1；屬性2：值2；…… 屬性n：值n">標簽內容</標簽名>
行內樣式僅作用於使用它的對應標簽，雖其他標簽沒作用，行內樣式的優先級最高；
二、 內部樣式（inner style）—— 即在head標簽里新增一個style子標簽
語法：
<style type="text/css">
--- 內部樣式 ---
</style>
內部樣式可以分為以下三種：
2.1 HTML標簽選擇器
語法：
html 標簽名 {
屬性1：值1；
……
屬性n：值n；
}
常用html標簽，比如div span table p tr td h1~h6 ……
2.2 class類選擇器
語法：
.類名 {
屬性1：值1；
……
屬性n：值n；
}
注意！！類名前面有一個“ . ”
使用類選擇器的語法類似： <h1 class="類名"></h1>
2.3 id選擇器
語法：
#Id名 {
屬性1：值1；
……
屬性n：值n；
}
使用Id選擇器的語法類似： <h1 id="Id選擇器名"></h1>
2.4 內部樣式三種選擇器的優先級從高到低的順序為：
Id選擇器 > class類選擇器 > HTML標簽選擇器
三、 外部樣式：
CSS代碼保存在擴展名為.css的樣式表中，HTML文件引用擴展名為.css的樣式表，有兩種方式：鏈接式、導入式。
語法：
1、鏈接式
<link type="text/css" rel="styleSheet" href="CSS文件路徑" />
2、導入式
<style type="text/css">
@import url("css文件路徑");
</style>
四、 CSS樣式優先級從高到低排序，其中內部樣式和外部樣式是就近原則：
行內樣式 > 內部樣式 > 外部樣式
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS樣式測試</title> 6 <style> 7 /* html標簽選擇器 */ 8 p { 9 color: red; 10 size: 80px; 11 } 12 13 /* class類選擇器 */ 14 .delUnderLine { 15 text-decoration: none; 16 } 17 18 /* Id選擇器 */ 19 #myh1 { 20 color: blue; 21 } 22 23 </style> 24 </head> 25 <body bgcolor="#F0FFFF"> 26 <!-- 行內樣式 --> 27 <h2 style="size: 100px; color: chocolate;">行內樣式</h2> 28 29 <p>內部樣式：html標簽選擇器</p> 30 31 <a href="" class="delUnderLine">內部樣式：class類選擇器</a> 32 33 <h1 id="myForm">內部樣式：Id選擇器</h1> 34 35 </body> 36 </html>
