CSS層疊樣式表cascading style sheets
將網頁中的樣式單獨分離出來，完全由CSS控制，增強樣式複用性和擴展性。
格式：選擇器{屬性名：屬性值；屬性名：屬性值；……}
CSS與HTML結合的4中方式：
1、每個HTML標籤都有style屬性
2、當頁面中有多個標籤具有相同樣式時，可定義style標籤封裝樣式以複用
<style type=”text/css”>css代碼</style>
3、當多個頁面使用相同樣式時，可將樣式單獨封裝爲CSS文件導入
<style type=”text/css”>@import url(“1.css”);</style>
4、通過HTML頭標籤中的link標籤鏈接一個CSS文件
<link rel=”stylesheet” href=”1.css” media屬性可選，默認設備屏幕/>
技巧：爲提高樣式的複用性和可擴展性，將多個樣式單獨定義並封裝爲CSS文件，如p.css、div.css……在一個總的CSS文件中，使用import導入這些CSS文件，然後在HTML頁面中用link標籤將這個總的CSS文件導入即可。
優先級：就近原則標籤上設置的style屬性可以覆蓋其他樣式
選擇器：
1、標籤選擇器：每個HTML標籤名即爲一個選擇器
2、類選擇器：標籤中的class屬性指定 定義樣式要加點 js引用時用className
3、ID選擇器：標籤的id屬性，儘量保證唯一，便於JavaScript獲取元素
4、擴展選擇器：
a、關聯選擇器：標籤中的標籤 table div表示表格中的div區域
b、組合選擇器：多個選擇器逗號分隔
c、爲元素選擇器：元素的狀態 如超鏈接的默認狀態、點擊狀態、懸停狀態等
a:linka:visiteda:hovera:activeLVHA順序
刪除超鏈接默認下劃線：text-decoration：none
p:first-letterp:first-linefocus:IE6不支持
CSS濾鏡：通過一些代碼豐富了的樣式
網頁設計時，DIV+CSS
DIV和P標籤都屬於行級區域，回車效果，SPAN標籤爲塊級區域，無回車效果
可加border、color等屬性，P標籤中不要嵌套DIV標籤