Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

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

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

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


四種規則說明如下


1.類別(可套用至任何HTML元素)

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

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

1.在段落中:

html語法:

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

html語法:

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

.main-table{ }

2.ID (僅套用至一個HTML元素)

每個ID只能套用至一個DIV

若ID名稱為header的寫法:

html寫法:

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

#header{ }

3.標籤 (重新定義HTML元素)

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

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


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

h1{ }


4,複合 (依您的選項而定)

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



Edited 4 time(s). Last edit at 10/04/2011 02:49PM by JinJin.
(編輯記錄)