[講義] Dreamweaver中CSS規則的四種類型

在Dreamweaver中，建立新的CSS規則，做法如下

[IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/css-01.jpg[/IMG]


[color=#003300]四種規則說明如下[/color]


[color=#990000]1.類別(可套用至任何HTML元素)[/color]

類別名稱的命名不可為HTML標籤相同名稱

若類別名稱為main-table寫法:

1.在段落中:

html語法:

<p class=" main-table">這是一個表格標題</p>
2.設定div的類別:

html語法:

<div class=" main-table">這是一個表格標題</div>
CSS檔案中，則會前面有一小點 . 呈現

.main-table{ }

[color=#990000]2.ID (僅套用至一個HTML元素)[/color]

每個ID只能套用至一個DIV

若ID名稱為header的寫法:

html寫法:

<div id="header">這是一個header的區塊</id>
CSS檔案中，則會前面有 # 呈現

#header{ }

[color=#990000]3.標籤 (重新定義HTML元素)[/color]

標籤則為HTML的內定元素
可自CSS中重新定義

HTML的元素可參考 http://www.asjh.tn.edu.tw/xupload/learning/html/html.htm


html寫法:
<h1>大標題</h1>
CSS檔案中，標籤前不會有任何符號

h1{ }


[color=#990000]4,複合 (依您的選項而定)[/color]

可為以上元素的組合，為進階設定



(編輯記錄)