Change History

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

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


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


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

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

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

1.在段落中:

html語法:

<xmp><p class=" main-table">這是一個表格標題</p></xmp>

2.設定div的類別:

html語法:

<xmp><div class=" main-table">這是一個表格標題</div></xmp>

CSS檔案中，則會前面有一小點 <b>.</b> 呈現

<xmp>.main-table{

}</xmp>


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

每個ID只能套用至一個DIV

若ID名稱為header的寫法:

html寫法:

<xmp><div id="header">這是一個header的區塊</id></xmp>

CSS檔案中，則會前面有<b> # </b>呈現

<xmp>#header{

}</xmp>


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

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

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


html寫法:
<xmp><h1>大標題</h1></xmp>

CSS檔案中，標籤前不會有任何符號

<xmp>h1{

}</xmp>



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

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

[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{<br /> <br /> }


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

每個ID只能套用至一個DIV

若ID名稱為header的寫法:

html寫法:

<div id="header">這是一個header的區塊</id>

CSS檔案中，則會前面有 # 呈現

#header{<br /> <br /> }


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

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

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


html寫法:
<h1>大標題</h1>

CSS檔案中，標籤前不會有任何符號

h1{<br /> <br /> }



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

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

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

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

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

1.在段落中:

html語法:

<xmp><p class=" main-table">這是一個表格標題</p></xmp>

2.設定div的類別:

html語法:

<xmp><div class=" main-table">這是一個表格標題</div></xmp>

CSS檔案中，則會前面有一小點 <b>.</b> 呈現

<xmp>.main-table{

}</xmp>


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

每個ID只能套用至一個DIV

若ID名稱為header的寫法:

html寫法:

<xmp><div id="header">這是一個header的區塊</id></xmp>

CSS檔案中，則會前面有<b> # </b>呈現

<xmp>#header{

}</xmp>


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

標籤則為HTML的內定元素
可參考 http://www.asjh.tn.edu.tw/xupload/learning/html/html.htm
可自CSS中重新定義

html寫法:
<xmp><h1>大標題</h1></xmp>

CSS檔案中，標籤前不會有任何符號

<xmp>h1{

}</xmp>



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

可為以上元素的組合，為進階設定可自CSS中重新定義

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


html寫法:
<xmp><h1>大標題</h1></xmp>

CSS檔案中，標籤前不會有任何符號

<xmp>h1{

}</xmp>



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

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

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

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

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

1.在段落中:

html語法:

<p class=" main-table">這是一個表格標題</p>

2.設定div的類別:

html語法:

<div class=" main-table">這是一個表格標題</div>

CSS檔案中，則會前面有一小點 . 呈現

.main-table{<br /> <br /> }


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

每個ID只能套用至一個DIV

若ID名稱為header的寫法:

html寫法:

<div id="header">這是一個header的區塊</id>

CSS檔案中，則會前面有 # 呈現

#header{<br /> <br /> }


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

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

html寫法:
<h1>大標題</h1>

CSS檔案中，標籤前不會有任何符號

h1{<br /> <br /> }



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

可為以上元素的組合，為進階設定可參考 http://www.asjh.tn.edu.tw/xupload/learning/html/html.htm
可自CSS中重新定義

html寫法:
<h1>大標題</h1>

CSS檔案中，標籤前不會有任何符號

h1{<br /> <br /> }



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

可為以上元素的組合，為進階設定可自CSS中重新定義

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


html寫法:
<h1>大標題</h1>

CSS檔案中，標籤前不會有任何符號

h1{<br /> <br /> }



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

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