詳解CSS中的字型屬性的使用

2022-09-25 07:45:09 字數 1324 閱讀 6122

字型族 font-family

示例:css code複製內容到剪貼簿

注意:如果乙個字型名多於乙個單詞(有空格),應該加上引號。

例如:body

字型大小 font-size

示例:css code複製內容到剪貼簿

提示:總的來說,用於設定字型大小的單位有兩種,一種是絕對單位,比如畫素或點,另一種是相對單位,比如百分比或em。(還有一種css3新增的rem單位)

字型樣式 font-style

值:italic、oblique、normal

示例:css code複製內容到剪貼簿

說明:    italic和oblique都表示斜體;

英文中的斜體主要表示強調。假如你真想表示強調,那在 html 標記中直接使用

標籤即可,因為它預設就是斜體。

font-style 有乙個 normal 值,中文就是常規的意思。 這個值其實不僅 font-style 有,很多其他屬性也有,它的作用就是取消所有的特殊樣式。這個值是用來有選擇地覆蓋某個預設或你設定的全域性屬性的。

字型粗細 font-weight

可能的值:100、 200……900,或者 lighter、 normal、 bpwafyqcold 和 bolder。

示例:

css code複製內容到剪貼簿

說明:粗體的主要作用是表示重要。實際上, html 元素 strong 也表示重要,而它的預設

樣式就是粗體。

字型變化 font-variant

值: small-caps(將所有小寫字母變成小型大寫字母程式設計客棧)、 normal

示例: blockquote

說明:慎用,大寫字母不像小寫字母那樣有上伸部分和下伸部分作為視程式設計客棧覺提示,所以全都使用大寫字母會增加辨識難度。

簡寫字型屬性 font

示例:css code複製內容到剪貼簿

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

規則一:必須宣告 font-size 和 font-family 的值

規則二:所有值必須按如下順序宣告:

font-weight、 font-style、 font-variant 不分先後;

然後是 font-size;

最後是 font-family。

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

本文標題: 詳解css中的字型屬性的使用

本文位址: /web/css/83727.html

css中的字型屬性

這個屬性設定字型名稱,如arial,tahoma,courier等。例句如下 s1演示示例 這個屬性可以設定字型的大小。字型大小的設定可以有多種方式,最常用的就是pt和px pixel 例句如下 s2演示示例 這個屬性有三個值可選 normal,italic,oblique。normal是預設值,i...

CSS樣式中字型的屬性

font屬性 font size 字型大小 smaller 把字型大小設定比父元素更小的字型 larger 把字型大小設定比父元素更大的字型 length 把字型大小設定為乙個固定的值 把字型大小設定為基於父元素的百分比 inherit 從父元素繼承 font style 字型格式 normal 預...

CSS的字型與文字屬性詳解

css的字型與文字屬性詳解 font family 功能 用於改變html標誌或元素的字型,你可設定乙個可用字型清單。瀏覽器由前向後選用字型。語法 font style 功能 使文字顯示為扁斜體或斜體等表示強調 數值 normal 正常 italic 斜體 oblique 偏斜體 font vari...