檔案狀態:    住戶編號:1944339
 請看日記聯絡方式 的日記本
快速選單
到我的日記本
看他的最新日記
加入我的收藏
瀏覽我的收藏
找出駭客-P1 《前一篇 回她的日記本 後一篇》 日記(加框+底色)
 切換閱讀模式  回應  給他日記貼紙   給他愛的鼓勵  檢舉
篇名: CSS語法教學(基礎篇)
作者: 請看日記聯絡方式 日期: 2010.10.27  天氣:  心情:


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 代表沒有底線

















標籤:
瀏覽次數:73    人氣指數:853    累積鼓勵:39
 切換閱讀模式  回應  給他日記貼紙   給他愛的鼓勵 檢舉
給本文愛的鼓勵:  最新愛的鼓勵
找出駭客-P1 《前一篇 回她的日記本 後一篇》 日記(加框+底色)
 
住戶回應
 
時間:2010-11-09 21:12
他, 62歲,台北市,教育研究
*給你留了一則留言*
  
 
時間:2010-11-09 12:00
他, 62歲,台北市,教育研究
*給你留了一則留言*
  
 
時間:2010-11-08 20:21
他, 62歲,台北市,教育研究
*給你留了一則留言*
  
 
時間:2010-11-07 21:13
他, 62歲,台北市,教育研究
*給你留了一則留言*
  
 
時間:2010-11-07 11:32
他, 62歲,台北市,教育研究
*給你留了一則留言*
  
 
時間:2010-11-07 10:31
他, 62歲,台北市,教育研究
*給你留了一則留言*
  
 
時間:2010-11-07 09:48
他, 62歲,台北市,教育研究
*給你留了一則留言*
  
 
時間:2010-10-27 11:05
他, 66歲,苗栗縣,政府機關
*給你留了一則留言*
  
 
時間:2010-10-27 09:39
他, 55歲,新北市,政府機關
*給你留了一則留言*
  


給我們一個讚!