字體族 font-family
示例:
CSS Code復制內(nèi)容到剪貼板
h2 {font-family:times, serif;}
注意:如果一個字體名多于一個單詞(有空格),應該加上引號。
例如:body {font-family:"trebuchet ms", tahoma, sans-serif;}
字體大小 font-size
示例:
CSS Code復制內(nèi)容到剪貼板
h2 {font-size:18px;}
提示:總的來說,用于設定字體大小的單位有兩種,一種是絕對單位,比如像素或點,另一種是相對單位,比如百分比或em。(還有一種CSS3新增的rem單位)
字體樣式 font-style
值:italic、oblique、normal
示例:
CSS Code復制內(nèi)容到剪貼板
h2 {font-style:italic;}
說明:
italic和oblique都表示斜體;
英文中的斜體主要表示強調(diào)。假如你真想表示強調(diào),那在 HTML 標記中直接使用<em>
標簽即可,因為它默認就是斜體。
font-style 有一個 normal 值,中文就是常規(guī)的意思。 這個值其實不僅 font-style 有,很多其他屬性也有,它的作用就是取消所有的特殊樣式。這個值是用來有選擇地覆蓋某個默認或你設定的全局屬性的。
字體粗細 font-weight
可能的值:100、 200……900,或者 lighter、 normal、 bold 和 bolder。
示例:
CSS Code復制內(nèi)容到剪貼板
a {font-weight:bold;}
說明:粗體的主要作用是表示重要。實際上, HTML 元素 strong 也表示重要,而它的默認
樣式就是粗體。
字體變化 font-variant
值: small-caps(將所有小寫字母變成小型大寫字母)、 normal
示例: blockquote {font-variant:small-caps;}
說明:慎用,大寫字母不像小寫字母那樣有上伸部分和下伸部分作為視覺提示,所以全都使用大寫字母會增加辨識難度。
簡寫字體屬性 font
示例:
CSS Code復制內(nèi)容到剪貼板
p {font: bold italic small-caps .9em helvetica, arial, sans-serif;}
<p>Here’s a piece of text loaded up with every possible font property.</p>
說明:使用這個簡寫形式要遵守兩條規(guī)則,否則瀏覽器無法正確解釋聲明的值。
規(guī)則一:必須聲明 font-size 和 font-family 的值
規(guī)則二:所有值必須按如下順序聲明:
font-weight、 font-style、 font-variant 不分先后;
然后是 font-size;
新聞熱點
疑難解答