CSS3 總結(一) 字型屬性(Font)

2021-10-03 13:58:37 字數 1013 閱讀 2009

屬性

描述font-size

font-size 屬性可設定字型的尺寸。一般使用相對長度單位px(畫素)。

font-family

規定元素的字型系列。可以把多個字型名稱作為乙個「回退」系統來儲存。如果瀏覽器不支援第乙個字型,則會嘗試下乙個。也就是說,font-family 屬性的值是用於某個元素的字型族名稱或/及類族名稱的乙個優先表。瀏覽器會使用它可識別的第乙個值。預設值:取決於瀏覽器。注意:

1.盡量使用偶數字型大小。一些老瀏覽器支援奇數會有bug。

2.各字型之間必須使用英文狀態下的逗號隔開。

3.中文描述的字型需要加英文狀態下的引號,英文本型一般不需要加,當需要設定英文描述的字型時,英文本型名必須位於中文字型名之前。

4.如果字型名中包含有空格、$、#等符號,則該字型名必須加引號。如:font-family:「times new roman」。

5.盡量使用系統預設字型,保證在任何使用者的瀏覽器中都能正確顯示。

font-weight

font-weight 屬性設定文字的粗細。該屬性用於設定顯示元素的文字中所用的字型加粗。數字值 400 相當於 關鍵字 normal,700 等價於 bold。預設值:normal。bold 定義粗體字元;bolder 定義更粗的字元;lighter 定義更細的字元;或100-900(必須為100的整數倍)。

font-style

font-style 屬性定義字型的風格。該屬性設定使用斜體、傾斜或正常字型。斜體字體通常定義為字型系列中的乙個單獨的字型。理論上講,使用者**可以根據正常字型計算乙個斜體字體。normal: 預設值。瀏覽器顯示乙個標準的字型樣式;italic:瀏覽器會顯示乙個斜體的字型樣式;oblique:瀏覽器會顯示乙個傾斜的字型樣式;inherit :規定應該從父元素繼承字型樣式。

font

font綜合設定字型樣式

常用寫法

選擇器{font:font-style font-weight font-size/line-height font-family;}

CSS語法手冊(一)字型屬性

css語法手冊 一 字型屬性 動態網製作指南 knowsky.1 font family 功能 用於改變html標誌或元素的字型,你可設定乙個可用字型清單。瀏覽器由前向後選用字型。語法 例子 2 font style 功能 使文字顯示為扁斜體或斜體等表示強調 數值 normal 正常 italic ...

CSS渲染(一) 字型

一 字型屬性 1.預設字型系列 chrome opera 宋體 firefox 微軟雅黑 safari ie times,宋體 2.字型屬性 字型型別 font family 初始化時定義字型型別,如宋體 font family arial,宋體 微軟雅黑 注意 若瀏覽器識別第乙個字型,則以第乙個字...

CSS3 字型樣式

lang en charset utf 8 css3的其他屬性title type text css font face 宣告使用伺服器端字型 伺服器端字型對otf和ttf這兩種字型格式支援良好 font face p box sizing 設定width和height屬性值包含的內容。div di...