CSS是「Cascading Style Sheets」縮寫,一般稱為【串聯樣式表】
CSS有甚麼好處呢?為甚麼要學呢?以下說明幾點你就會發現使用CSS的好處:
■它能更精確的控制網頁版面的文字、背景、字型等...(例如:愛寓的日記~網誌~部落格....)
■它能讓我們只修正一個CSS文件,便可同時更新眾多的網頁版面外觀及格式。
■它可以使用html的文件內碼更精簡,縮小檔案下載的速度。
■適用於各種作業平台
CSS串聯樣式表教學『文字屬性一覽』 color : #525050 /*文字色彩*/ font-family : 新細明體 /*文字字型*/ font-size : 9pt /*文字大小*/ font-style:itelic /*文字斜體*/ font-variant:small-caps/*小字體*/ letter-spacing : 1pt /*字間距離*/ line-height : 200% /*設定行高*/ font-weight:bold /*文字粗體*/ vertical-align:sub /*下標字*/ vertical-align:super/*上標字*/ CSS串聯樣式表教學『文字屬性一覽』 color : #525050 /*文字色彩*/ font-family : 新細明體 /*文字字型*/ font-size : 9pt /*文字大小*/ font-style:itelic /*文字斜體*/ font-variant:small-caps/*小字體*/ letter-spacing : 1pt /*字間距離*/ line-height : 200% /*設定行高*/ font-weight:bold /*文字粗體*/ vertical-align:sub /*下標字*/ vertical-align:super/*上標字*/ 連結屬性:『屬性分類』 A /*所有超連結*/ A:link /*超連結文字格式*/ (是代表普通狀態的連結) A:visited /*瀏覽過的連結文字格式*/ (是代表造訪過的連結) A:active /*按下連結的格式*/ (是代表按下去連結) A:hover /*滑鼠移至連結*/ (是代表滑鼠移到連結) color 是代表連結顏色 font-size 是代表連結文字大小,適用 point(pt) 或是 pixels(px) text-decoration 是代表文字樣式,none 代表沒有底線
CSS串聯樣式表教學『文字屬性一覽』
color : #525050 /*文字色彩*/
font-family : 新細明體 /*文字字型*/
font-size : 9pt /*文字大小*/
font-style:itelic /*文字斜體*/
font-variant:small-caps/*小字體*/
letter-spacing : 1pt /*字間距離*/
line-height : 200% /*設定行高*/
font-weight:bold /*文字粗體*/
vertical-align:sub /*下標字*/
vertical-align:super/*上標字*/
CSS串聯樣式表教學『文字屬性一覽』 color : #525050 /*文字色彩*/ font-family : 新細明體 /*文字字型*/ font-size : 9pt /*文字大小*/ font-style:itelic /*文字斜體*/ font-variant:small-caps/*小字體*/ letter-spacing : 1pt /*字間距離*/ line-height : 200% /*設定行高*/ font-weight:bold /*文字粗體*/ vertical-align:sub /*下標字*/ vertical-align:super/*上標字*/ 連結屬性:『屬性分類』 A /*所有超連結*/ A:link /*超連結文字格式*/ (是代表普通狀態的連結) A:visited /*瀏覽過的連結文字格式*/ (是代表造訪過的連結) A:active /*按下連結的格式*/ (是代表按下去連結) A:hover /*滑鼠移至連結*/ (是代表滑鼠移到連結) color 是代表連結顏色 font-size 是代表連結文字大小,適用 point(pt) 或是 pixels(px) text-decoration 是代表文字樣式,none 代表沒有底線
連結屬性:『屬性分類』 A /*所有超連結*/ A:link /*超連結文字格式*/ (是代表普通狀態的連結) A:visited /*瀏覽過的連結文字格式*/ (是代表造訪過的連結) A:active /*按下連結的格式*/ (是代表按下去連結) A:hover /*滑鼠移至連結*/ (是代表滑鼠移到連結) color 是代表連結顏色 font-size 是代表連結文字大小,適用 point(pt) 或是 pixels(px) text-decoration 是代表文字樣式,none 代表沒有底線
連結屬性:『屬性分類』
A /*所有超連結*/
A:link /*超連結文字格式*/ (是代表普通狀態的連結)
A:visited /*瀏覽過的連結文字格式*/ (是代表造訪過的連結)
A:active /*按下連結的格式*/ (是代表按下去連結)
A:hover /*滑鼠移至連結*/ (是代表滑鼠移到連結)
color 是代表連結顏色
font-size 是代表連結文字大小,適用 point(pt) 或是 pixels(px)
text-decoration 是代表文字樣式,none 代表沒有底線