CSS語法教學(基礎篇)-請看日記聯絡方式│愛情公寓交友網站與聊天室

還沒登入愛情公寓嗎？還沒加入愛情公寓嗎？馬上進入公寓和 10,551,544 個住戶交朋友～

紅包抽抽樂！小資變土豪！

素人也能成為明日之星！

移除此區廣告請加入VIP

檔案狀態:

住戶編號: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 代表沒有底線

標籤:

瀏覽次數:72 人氣指數:852 累積鼓勵:39

切換閱讀模式

回應

給他日記貼紙

給他愛的鼓勵

檢舉