Change History
Message: [CSS] CSS基本名詞彙整
Changed By: JinJin
Change Date: July 11, 2011 11:25PM
[CSS] CSS基本名詞彙整
Change Date: July 11, 2011 11:25PM
[CSS] CSS基本名詞彙整
ＣＳＳ參考網站
CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
om/tw/
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputer03_2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<b>背景控制：</b>
<xmp>
/* XXX */(註解)：註解幫助自己看懂，這部分程式不會執行！XXX可以自行填寫！
textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤
所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
background-image(背景影像)：看你的圖片位址在何處就怎麼寫！只要填在url()的()裡面即可！
background-attachment（背景附著）：在這裡你可以決定背景圖片的位置。
屬性有：scroll：隨著捲軸捲動 inherit：繼承之前的設定 fixed：固定不動
background-repeat(背景重複)：看看背景圖片是不是要重複顯示。
屬性有：repeat：重複顯示 no-repeat：不重複顯示 repeat-x：只在X軸重複顯示 repeat-y：只在Y軸重複顯示
background-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
</xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
om/tw/
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputer03_2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<b>背景控制：</b>
<xmp>
/* XXX */(註解)：註解幫助自己看懂，這部分程式不會執行！XXX可以自行填寫！
textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤
所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
background-image(背景影像)：看你的圖片位址在何處就怎麼寫！只要填在url()的()裡面即可！
background-attachment（背景附著）：在這裡你可以決定背景圖片的位置。
屬性有：scroll：隨著捲軸捲動 inherit：繼承之前的設定 fixed：固定不動
background-repeat(背景重複)：看看背景圖片是不是要重複顯示。
屬性有：repeat：重複顯示 no-repeat：不重複顯示 repeat-x：只在X軸重複顯示 repeat-y：只在Y軸重複顯示
background-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
</xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
Changed By: JinJin
Change Date: July 10, 2011 02:14AM
[CSS] CSS基本名詞彙整
Change Date: July 10, 2011 02:14AM
[CSS] CSS基本名詞彙整
<b>[color=#CC0000]ＣＳＳ參考網站[/color]</b>
<b>CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
ＣＳＳ參考網站
CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputＣＳＳ教程（簡體）http://www.dreamdu.com/er03</b>
2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<b>背景控制：</b>
<xmp>
/* XXX */(註解)：註解幫助自己看懂，這部分程式不會執行！XXX可以自行填寫！
textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤
所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
background-image(背景影像)：看你的圖片位址在何處就怎麼寫！只要填在url()的()裡面即可！
background-attachment（背景附著）：在這裡你可以決定背景圖片的位置。
屬性有：scroll：隨著捲軸捲動 inherit：繼承之前的設定 fixed：固定不動
background-repeat(背景重複)：看看背景圖片是不是要重複顯示。
屬性有：repeat：重複顯示 no-repeat：不重複顯示 repeat-x：只在X軸重複顯示 repeat-y：只在Y軸重複顯示
background-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
</xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
<b>CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
ＣＳＳ參考網站
CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputＣＳＳ教程（簡體）http://www.dreamdu.com/er03</b>
2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<b>背景控制：</b>
<xmp>
/* XXX */(註解)：註解幫助自己看懂，這部分程式不會執行！XXX可以自行填寫！
textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤
所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
background-image(背景影像)：看你的圖片位址在何處就怎麼寫！只要填在url()的()裡面即可！
background-attachment（背景附著）：在這裡你可以決定背景圖片的位置。
屬性有：scroll：隨著捲軸捲動 inherit：繼承之前的設定 fixed：固定不動
background-repeat(背景重複)：看看背景圖片是不是要重複顯示。
屬性有：repeat：重複顯示 no-repeat：不重複顯示 repeat-x：只在X軸重複顯示 repeat-y：只在Y軸重複顯示
background-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
</xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
Changed By: JinJin
Change Date: July 09, 2011 04:12PM
[CSS] CSS基本名詞彙整
Change Date: July 09, 2011 04:12PM
[CSS] CSS基本名詞彙整
<b>[color=#CC0000]ＣＳＳ參考網站[/color]</b>
<b>CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputＣＳＳ教程（簡體）http://www.dreamdu.com/er03</b>
2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤，所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
b>背景控制：</b>
<xmp>
/* XXX */(註解)：註解幫助自己看懂，這部分程式不會執行！XXX可以自行填寫！
textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤
所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
background-image(背景影像)：看你的圖片位址在何處就怎麼寫！只要填在url()的()裡面即可！
background-attachment（背景附著）：在這裡你可以決定背景圖片的位置。
屬性有：scroll：隨著捲軸捲動 inherit：繼承之前的設定 fixed：固定不動
background-repeat(背景重複)：看看背景圖片是不是要重複顯示。
屬性有：repeat：重複顯示 no-repeat：不重複顯示 repeat-x：只在X軸重複顯示 repeat-y：只在Y軸重複顯示
background-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
</xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
<b>CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputＣＳＳ教程（簡體）http://www.dreamdu.com/er03</b>
2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤，所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
b>背景控制：</b>
<xmp>
/* XXX */(註解)：註解幫助自己看懂，這部分程式不會執行！XXX可以自行填寫！
textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤
所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
background-image(背景影像)：看你的圖片位址在何處就怎麼寫！只要填在url()的()裡面即可！
background-attachment（背景附著）：在這裡你可以決定背景圖片的位置。
屬性有：scroll：隨著捲軸捲動 inherit：繼承之前的設定 fixed：固定不動
background-repeat(背景重複)：看看背景圖片是不是要重複顯示。
屬性有：repeat：重複顯示 no-repeat：不重複顯示 repeat-x：只在X軸重複顯示 repeat-y：只在Y軸重複顯示
background-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
</xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
Changed By: JinJin
Change Date: July 04, 2011 06:09PM
[CSS] CSS基本名詞彙整
Change Date: July 04, 2011 06:09PM
[CSS] CSS基本名詞彙整
<b>[color=#CC0000]ＣＳＳ參考網站[/color]</b>
<b>CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputＣＳＳ教程（簡體）http://www.dreamdu.com/er03</b>
2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤，所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
b>背景控制：</b>
<xmp>
/* XXX */(註解)：註解幫助自己看懂，這部分程式不會執行！XXX可以自行填寫！
textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤
所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
background-image(背景影像)：看你的圖片位址在何處就怎麼寫！只要填在url()的()裡面即可！
background-attachment（背景附著）：在這裡你可以決定背景圖片的位置。
屬性有：scroll：隨著捲軸捲動 inherit：繼承之前的設定 fixed：固定不動
background-repeat(背景重複)：看看背景圖片是不是要重複顯示。
屬性有：repeat：重複顯示 no-repeat：不重複顯示 repeat-x：只在X軸重複顯示 repeat-y：只在Y軸重複顯示
backgrou<xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！nd-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
</xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
<b>CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputＣＳＳ教程（簡體）http://www.dreamdu.com/er03</b>
2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤，所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
b>背景控制：</b>
<xmp>
/* XXX */(註解)：註解幫助自己看懂，這部分程式不會執行！XXX可以自行填寫！
textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤
所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
background-image(背景影像)：看你的圖片位址在何處就怎麼寫！只要填在url()的()裡面即可！
background-attachment（背景附著）：在這裡你可以決定背景圖片的位置。
屬性有：scroll：隨著捲軸捲動 inherit：繼承之前的設定 fixed：固定不動
background-repeat(背景重複)：看看背景圖片是不是要重複顯示。
屬性有：repeat：重複顯示 no-repeat：不重複顯示 repeat-x：只在X軸重複顯示 repeat-y：只在Y軸重複顯示
backgrou<xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！nd-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
</xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
Changed By: JinJin
Change Date: July 04, 2011 06:09PM
[CSS] CSS基本名詞彙整
Change Date: July 04, 2011 06:09PM
[CSS] CSS基本名詞彙整
<b>[color=#CC0000]ＣＳＳ參考網站[/color]</b>
<b>CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputＣＳＳ教程（簡體）http://www.dreamdu.com/er03</b>
2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤，所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
b>背景控制：</b>
<xmp>
/* XXX */(註解)：註解幫助自己看懂，這部分程式不會執行！XXX可以自行填寫！
textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤
所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
background-image(背景影像)：看你的圖片位址在何處就怎麼寫！只要填在url()的()裡面即可！
background-attachment（背景附著）：在這裡你可以決定背景圖片的位置。
屬性有：scroll：隨著捲軸捲動 inherit：繼承之前的設定 fixed：固定不動
background-repeat(背景重複)：看看背景圖片是不是要重複顯示。
屬性有：repeat：重複顯示 no-repeat：不重複顯示 repeat-x：只在X軸重複顯示 repeat-y：只在Y軸重複顯示
backgrou
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！<xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！nd-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
</xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
<b>CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputＣＳＳ教程（簡體）http://www.dreamdu.com/er03</b>
2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤，所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
b>背景控制：</b>
<xmp>
/* XXX */(註解)：註解幫助自己看懂，這部分程式不會執行！XXX可以自行填寫！
textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤
所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
background-image(背景影像)：看你的圖片位址在何處就怎麼寫！只要填在url()的()裡面即可！
background-attachment（背景附著）：在這裡你可以決定背景圖片的位置。
屬性有：scroll：隨著捲軸捲動 inherit：繼承之前的設定 fixed：固定不動
background-repeat(背景重複)：看看背景圖片是不是要重複顯示。
屬性有：repeat：重複顯示 no-repeat：不重複顯示 repeat-x：只在X軸重複顯示 repeat-y：只在Y軸重複顯示
backgrou
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！<xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！nd-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
</xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
Changed By: JinJin
Change Date: July 04, 2011 06:08PM
[CSS] CSS基本名詞彙整
Change Date: July 04, 2011 06:08PM
[CSS] CSS基本名詞彙整
<b>[color=#CC0000]ＣＳＳ參考網站[/color]</b>
<b>CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputＣＳＳ教程（簡體）http://www.dreamdu.com/er03</b>
2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤，所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
b>背景控制：</b>
<xmp>
/* XXX */(註解)：註解幫助自己看懂，這部分程式不會執行！XXX可以自行填寫！
textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤
所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
background-image(背景影像)：看你的圖片位址在何處就怎麼寫！只要填在url()的()裡面即可！
background-attachment（背景附著）：在這裡你可以決定背景圖片的位置。
屬性有：scroll：隨著捲軸捲動 inherit：繼承之前的設定 fixed：固定不動
background-repeat(背景重複)：看看背景圖片是不是要重複顯示。
屬性有：repeat：重複顯示 no-repeat：不重複顯示 repeat-x：只在X軸重複顯示 repeat-y：只在Y軸重複顯示
backgrou
<b>方框控制（邊界、欄位間距
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！<xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！nd-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
</xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
<b>CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputＣＳＳ教程（簡體）http://www.dreamdu.com/er03</b>
2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤，所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
b>背景控制：</b>
<xmp>
/* XXX */(註解)：註解幫助自己看懂，這部分程式不會執行！XXX可以自行填寫！
textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤
所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")
background-image(背景影像)：看你的圖片位址在何處就怎麼寫！只要填在url()的()裡面即可！
background-attachment（背景附著）：在這裡你可以決定背景圖片的位置。
屬性有：scroll：隨著捲軸捲動 inherit：繼承之前的設定 fixed：固定不動
background-repeat(背景重複)：看看背景圖片是不是要重複顯示。
屬性有：repeat：重複顯示 no-repeat：不重複顯示 repeat-x：只在X軸重複顯示 repeat-y：只在Y軸重複顯示
backgrou
<b>方框控制（邊界、欄位間距
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！<xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！nd-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
</xmp>
<b>方框控制（邊界、欄位間距）</b>
<xmp>
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：
margin: N px;
padding:N px;
</xmp>
<b>文字連結控制：</b>
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
Original Message
作者: JinJinDate: July 04, 2011 06:07PM
[CSS] CSS基本名詞彙整
[color=#CC0000]ＣＳＳ參考網站[/color]
CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputＣＳＳ教程（簡體）http://www.dreamdu.com/er03
2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
，就改為h1！(★注意： 不用"<>")
b>背景控制：
<br />
/* XXX */(註解)：註解幫助自己看懂，這部分程式不會執行！XXX可以自行填寫！<br />
<br />
textarea(文字區塊)：這個部分稱作CSS樣式定義類別，一般來說可以自己定義名稱，但是由於這裡我們是要定義HTML語法的標籤<br />
所以是不能更改的！必須使用textarea。當然如果要定義<h1>，就改為h1！(★注意： 不用"<>")<br />
<br />
background-image(背景影像)：看你的圖片位址在何處就怎麼寫！只要填在url()的()裡面即可！<br />
<br />
background-attachment（背景附著）：在這裡你可以決定背景圖片的位置。<br />
屬性有：scroll：隨著捲軸捲動 inherit：繼承之前的設定 fixed：固定不動<br />
<br />
background-repeat(背景重複)：看看背景圖片是不是要重複顯示。<br />
屬性有：repeat：重複顯示 no-repeat：不重複顯示 repeat-x：只在X軸重複顯示 repeat-y：只在Y軸重複顯示<br />
<br />
backgrou<br />
<br />
<b>方框控制（邊界、欄位間距<br />
margin-XXX: 1px; /* 邊界設定縮排 */<br />
padding-XXX: 1px; /* 欄位間距設定 */<br />
<br />
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)<br />
<br />
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)<br />
<br />
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：<br />
<br />
margin: N px;<br />
padding:N px;<br />
<br />
<br />
<b>文字連結控制：</b><br />
<br />
a：設定所有連結的樣式！<br />
<br />
a:link：設定連結（正常情況之下）的樣式。<br />
<br />
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）<br />
<br />
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）<br />
<br />
a:hover：設定當滑鼠移到連結上面時候的連結樣式！）</b><br />
<xmp><br />
margin-XXX: 1px; /* 邊界設定縮排 */<br />
padding-XXX: 1px; /* 欄位間距設定 */<br />
<br />
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)<br />
<br />
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)<br />
<br />
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：<br />
<br />
margin: N px;<br />
padding:N px;<br />
文字連結控制：
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！<br />
<br />
<b>方框控制（邊界、欄位間距）</b><br />
<xmp><br />
margin-XXX: 1px; /* 邊界設定縮排 */<br />
padding-XXX: 1px; /* 欄位間距設定 */<br />
<br />
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)<br />
<br />
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)<br />
<br />
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：<br />
<br />
margin: N px;<br />
padding:N px;<br />
文字連結控制：
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！nd-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
方框控制（邊界、欄位間距）
<br />
margin-XXX: 1px; /* 邊界設定縮排 */<br />
padding-XXX: 1px; /* 欄位間距設定 */<br />
<br />
邊界屬性設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)<br />
<br />
欄位間距設定：屬性有：N px：像素 N pt：點 N in：英吋 N %：百分比 (N為大小，必須為正整數)<br />
<br />
PS5 如果你的邊界、欄位間距四個方向（上下左右）都要設定為一樣，語法可以寫成：<br />
<br />
margin: N px;<br />
padding:N px;<br />
文字連結控制：
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputＣＳＳ教程（簡體）http://www.dreamdu.com/er03
2/hcss/cssintroduction.htm
ＣＳＳ教程（簡體）http://www.dreamdu.com/css/
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
b>背景控制：
文字連結控制：
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
文字連結控制：
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！nd-position(背景位置)：決定背景要置中、靠左、靠右的設定。
屬性有：left：靠左對齊 center：置中對齊 right：靠右對齊 top：向上對齊 bottom：向下對齊 inherit：傳統繼承(預設)
width(寬)：文字區塊的寬度 (可以不設定，系統會自動設定大小)
height(高)：文字區塊的高度 (可以不設定，系統會自動設定大小)
方框控制（邊界、欄位間距）
文字連結控制：
a：設定所有連結的樣式！
a:link：設定連結（正常情況之下）的樣式。
a:visited：設定拜訪過的連結樣式。（也就是點選過的連結）
a:active：設定正在作連結動作時候的樣式。（也就是當你滑鼠按下連結的那時刻）
a:hover：設定當滑鼠移到連結上面時候的連結樣式！
MEPO forum
is powered by Phorum.