CSS中的字體屬性的使用方法

這篇文章主要講解了“CSS中的字體屬性的使用方法”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“CSS中的字體屬性的使用方法”吧！

 字體族 font-family

示例：

CSS Code復制內容到剪貼板

1. h3 {font-family:times, serif;}  

    注意：如果一個字體名多于一個單詞（有空格），應該加上引號。
    例如：body {font-family:"trebuchet ms", tahoma, sans-serif;}

字體大小 font-size

示例：

CSS Code復制內容到剪貼板

1. h3 {font-size:18px;}  

    提示：總的來說，用于設定字體大小的單位有兩種，一種是絕對單位，比如像素或點，另一種是相對單位，比如百分比或em。（還有一種CSS3新增的rem單位）

字體樣式 font-style

值：italic、oblique、normal
示例：

CSS Code復制內容到剪貼板

1. h3 {font-style:italic;}  

說明：

    italic和oblique都表示斜體；
    英文中的斜體主要表示強調。假如你真想表示強調，那在 HTML 標記中直接使用<em>
    標簽即可，因為它默認就是斜體。
    font-style 有一個 normal 值，中文就是常規的意思。 這個值其實不僅 font-style 有，很多其他屬性也有，它的作用就是取消所有的特殊樣式。這個值是用來有選擇地覆蓋某個默認或你設定的全局屬性的。

字體粗細 font-weight

可能的值：100、 200&hellip;&hellip;900，或者 lighter、 normal、 bold 和 bolder。
示例：

CSS Code復制內容到剪貼板

1. a {font-weight:bold;}  

說明：粗體的主要作用是表示重要。實際上， HTML 元素 strong 也表示重要，而它的默認
樣式就是粗體。
字體變化 font-variant

值： small-caps（將所有小寫字母變成小型大寫字母）、 normal
示例： blockquote {font-variant:small-caps;}
說明：慎用，大寫字母不像小寫字母那樣有上伸部分和下伸部分作為視覺提示，所以全都使用大寫字母會增加辨識難度。
簡寫字體屬性 font

示例：

CSS Code復制內容到剪貼板

1. p {font: bold italic small-caps .9em helvetica, arial, sans-serif;}   

2. <p>Here's a piece of text loaded up with every possible font property.</p>  

說明：使用這個簡寫形式要遵守兩條規則，否則瀏覽器無法正確解釋聲明的值。

    規則一：必須聲明 font-size 和 font-family 的值
    規則二：所有值必須按如下順序聲明：
        font-weight、 font-style、 font-variant 不分先后；
        然后是 font-size；
        最后是 font-family。

    提示：實際上，在設定 font-size 屬性的同時，可以順便設定 line-height（行高）值。也就是說，字體大小和行高的值可以寫在一塊，比如 12px/1.5。當然， line-height 是文本屬性。

感謝各位的閱讀，以上就是“CSS中的字體屬性的使用方法”的內容了，經過本文的學習后，相信大家對CSS中的字體屬性的使用方法這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！