DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS基礎知識 >> 3.8 文本樣式總結
3.8 文本樣式總結
編輯:CSS基礎知識     

大家可以對著這張圖,來想一下相應的CSS屬性叫什麼。

表1 CSS文字屬性 屬性 說明 font-family 字體類型 font-size 字體大小 font-weight 字體粗細 font-style 字體斜體 color 顏色

一、字體類型font-family

語法:

font-family:字體名;

說明:

字體名指的是“微軟雅黑”、“宋體”、“Times New Roman”等。

舉例:“font-family:微軟雅黑;”

二、字體大小font-size

語法:

font-size:像素值;

說明:

初學者盡量使用像素來作為單位,因此我們不會在初學者階段介紹太多的其他單位,比如百分比、em等。

舉例:“font-size:15px;”

三、字體顏色color

語法:color:關鍵字/顏色值;

說明:

color共有2種取值,一種是關鍵字取值,例如“color:red;”;另外一種是十六進制顏色值,例如“color:#F1F1F1;”。對於十六進制顏色值,我們可以使用 學習網的“在線調色板”選取你喜歡的顏色。

舉例:“color:blue;”

四、字體粗細font-weight

語法:

font-weight:取值;

說明:

對於中文網頁來說,font-weight屬性一般僅用到bold、normal這兩個屬性值完全就可以了,粗細值不建議使用數值(100~900)。

舉例:“font-weight:bold;”

五、字體斜體font-style

在CSS中,使用font-style屬性來定義字體傾斜效果

語法:

font-style:取值;

說明:

font-style屬性的取值如下表:

表1 font-style屬性 font-style屬性值 說明 normal 默認值,正常體 italic 斜體,這是一個屬性 oblique 將字體傾斜,將沒有斜體變量(italic)的特殊字體,要應用oblique

舉例:“font-style:italic;”

五、CSS注釋

語法:

/*注釋的內容*/

說明:

“/*”表示注釋的開始,“*/”表示注釋的結束。

附錄

大家在這一章的學習中,可能都有感覺到 學習網的不同之處了。在“CSS入門教程”這個教程裡面,我們會根據實際應用在各個章節給大家穿插各種小技巧。更重要的是,我們會告訴讀者哪些屬性值該記憶,哪些壓根兒用不上,這樣大大提高讀者的學習效率。因為鄙人嘛,曾經深受其害,當初學習都是一頭扎進去,什麼都學,過一段時間又忘記,然後又接著回去復習。到最後自己大量實踐的時候,發現很多記憶的知識點都用不上,浪費了我不少腦細胞。希望我這些心血與經驗,能夠換取大家的時間,生命是短暫的,來不得我們奢侈地揮霍那……

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved