CSS概念
Cascading Style sheet 級聯樣式表
表現HTMl或XHTML文件樣式的計算機語言
包括對字體，顏色，邊距，高度，寬度，背景圖片，網頁定位等設定
建議：把表示樣式的代碼從html中分離出來，並且創建一種規則來定義html標簽要顯示成什么樣子。
選擇器：
類型選擇器：不帶尖括號的標簽名。 如給段落標簽加下划線 p{text-decoration:underline;} 可以設置多個屬性
派生選擇器：作用在某些標簽的子標簽上。 如只給ul 中的li標簽加20px的字號 ul li{ font-size:20px;}
偽類選擇器：在原有選擇器的基礎上添加一個限定的條件，當某種情況發生時在選擇這個標簽。如給超鏈接加上鼠標懸浮改變紅色 ，下划線 a:hover{ color:red; text-decoration:underline;}
:first-child:縮小標簽的選擇范圍。如給ul中的第一個li標簽加上紅色 ul li:first-child{ color:red;} 只選擇第一個li標簽。
1 <style type="text/css"> 2 /*超鏈接取消下划線，改變顏色為紅色*/ 3 a{ 4 text-decoration: none; 5 color:red; 6 } 7 /*當鼠標移動到a上顯示下划線，改變顏色為綠色*/ 8 a:hover{ 9 text-decoration: underline; 10 color:green; 11 } 12 /*給li標簽改變內鏈模式*/ 13 ul li{ 14 display: inline; 15 } 16 </style>
其中a標簽還有其他的偽類選擇器：
a:link{ } 為訪問的鏈接，和a{}相同並且同時存在時會覆蓋a{}。
a:hover{} 鼠標移動到超鏈接上時。
a:active{},被選定的超鏈接。
a:visited{} 已訪問的超鏈接。
類選擇器：給HTMl標簽增加一個class屬性，然后給class屬性填寫一個值，這個值叫做類型。（在類名前面加“.”）
<body> <ul class="shihua"> <li>中國需要你</li> <li>美國需要你</li> <li>世界需要你</li> </ul> <ul> <li>世界美好</li> <li>中國美好</li> <li>美國美好</li> <li>全都美好</li> </ul> <!--這里我把上面的ul加上了類，下面的沒加，這樣使用使用類選擇器的時候下面的ulstyle不會改變--> .shihua{ text-decoration: none; color: #FF0000; } .shihua li{ display: inline; }