大家可以對著這張圖,來想一下相應的CSS屬性叫什麼。
語法:
font-family:字體名;
說明:
字體名指的是“微軟雅黑”、“宋體”、“Times New Roman”等。
舉例:“font-family:微軟雅黑;”
語法:
font-size:像素值;
說明:
初學者盡量使用像素來作為單位,因此我們不會在初學者階段介紹太多的其他單位,比如百分比、em等。
舉例:“font-size:15px;”
語法:color:關鍵字/顏色值;
說明:
color共有2種取值,一種是關鍵字取值,例如“color:red;”;另外一種是十六進制顏色值,例如“color:#F1F1F1;”。對於十六進制顏色值,我們可以使用 學習網的“在線調色板”選取你喜歡的顏色。
舉例:“color:blue;”
語法:
font-weight:取值;
說明:
對於中文網頁來說,font-weight屬性一般僅用到bold、normal這兩個屬性值完全就可以了,粗細值不建議使用數值(100~900)。
舉例:“font-weight:bold;”
在CSS中,使用font-style屬性來定義字體傾斜效果
語法:
font-style:取值;
說明:
font-style屬性的取值如下表:
舉例:“font-style:italic;”
語法:
/*注釋的內容*/
說明:
“/*”表示注釋的開始,“*/”表示注釋的結束。
附錄大家在這一章的學習中,可能都有感覺到 學習網的不同之處了。在“CSS入門教程”這個教程裡面,我們會根據實際應用在各個章節給大家穿插各種小技巧。更重要的是,我們會告訴讀者哪些屬性值該記憶,哪些壓根兒用不上,這樣大大提高讀者的學習效率。因為鄙人嘛,曾經深受其害,當初學習都是一頭扎進去,什麼都學,過一段時間又忘記,然後又接著回去復習。到最後自己大量實踐的時候,發現很多記憶的知識點都用不上,浪費了我不少腦細胞。希望我這些心血與經驗,能夠換取大家的時間,生命是短暫的,來不得我們奢侈地揮霍那……