CSS層疊樣式:
一.內部樣式表
1).行內樣式
<td style="font-size:30px;">封面回顧</td>...td爲行級標籤,其他還有:按鈕、輸入框,範圍、圖像、超鏈接、換行標籤
2).嵌入樣式(在<head>標籤中實現)
<style type="text/css">
選擇器{
對象屬性1:屬性值1; ...樣式表裏的註釋: /*註釋內容*/
對象屬性2:屬性值2;
} ....選擇器可以是任意標籤也可以是:.類名→對應:class="類名",
#ID標示名→對應:id="ID標識名"
...也可以用選擇器集體聲明,如:h2,h3,.one,#two { font-size:30px; }
...選擇器嵌套聲明:如, h3 span{ text-decoration:underline;} 含義爲<h3>標籤中的<span>標籤內容設置了下劃線
</style>
二.外部樣式表(在<head>標籤中添加以下語句)
<link href="style.css" rel="stylesheet" type="text/css" />...其中href屬性表示鏈接的CSS樣式表文件路徑
css樣式表文件格式: @charset "utf-8";
選擇器{ 對象屬性:屬性值; }
css樣式表應用順序:ID選擇器樣式表>類選擇器樣式表>標籤選擇器樣式表。
行內樣式的優先級最高
選擇器相同時,後應用覆蓋前應用。
CSS規則定義中包含的八個分類:
Ø "類型"分類:定義字體樣式、顏色、大小等。
Ø "背景"分類:定義背景顏色、背景圖像的設置。
Ø "區塊"分類:定義字體間距、對齊方式等。
Ø "方框"分類:設置方框大小以控制頁面元素佈局等。
Ø "邊框"分類:設置邊框的樣式、寬度和顏色。
Ø "列表"分類:設置列表類型、項目符號圖像等。
Ø "定位"分類:改變選定層的大小、位置等。
Ø "擴展"分類:設置頁面的分頁效果和視覺效果。
CSS僞類別屬性:
a:link 超鏈接普通樣式,即在瀏覽器中正常顯示的樣式
a:hover 鼠標指針經過超鏈接時,超鏈接在瀏覽器中顯示的樣式
a:visited 超鏈接被單擊過後顯示的樣式
a:active 此狀態爲當前激活狀態,即超鏈接被單擊時的狀態
cursor屬性的屬性值及對應的鼠標指針樣式
常用的列表符號