CSS樣式中字型的屬性

2021-10-07 16:38:31 字數 933 閱讀 2003

font屬性

font-size:字型大小

smaller: 把字型大小設定比父元素更小的字型

larger: 把字型大小設定比父元素更大的字型

length: 把字型大小設定為乙個固定的值

% 把字型大小設定為基於父元素的百分比

inherit 從父元素繼承

font-style:字型格式

normal: 預設。瀏覽器顯示乙個標準的字型格式

italic: 瀏覽器顯示乙個傾斜字型的樣式

oblique: 瀏覽器顯示乙個傾斜字型的樣式

inherit: 從父元素繼承

font-weight:字型粗細

normal: 預設值。定義標準的字元粗細(400)

bold: 粗體(700)

bolder: 更粗(900)

lighter: 更細的字型(100)

inherit: 從父元素繼承

font-family:設定字型的樣式(如楷體,宋體,微軟雅黑)

可定義多個字型樣式,中間用(英文狀態下的)逗號(,)隔開。

中文字型要加上英文狀態下的引號,字型名中若是包含空格、#、$等符號時,必須加上英文狀態下的單引號或雙引號

font-varient:以小型大寫字型或者正常字型顯示文字

normal: 預設。瀏覽器顯示標準的字型

small-caps: 瀏覽器會顯示小型大寫字母的字型

inherit: 從父元素繼承

font屬性綜合設定:

font

必須按照按照順序來進行設定屬性值,不能更換順序

必須要有font-size和font-family屬性

CSS字型樣式屬性

font size字型大小大小 一般推薦使用相對長度 px em 不推薦使用絕對長度 in,cmm,mm,pt font family字型 1.可以同時指定多個字型,中間用英文狀態的逗號隔開,英文本型一般不需要加引號,中文字型需要新增英文狀態下的引號,當需要設定英文本型時,英文本型必須位於中文字型之...

css字型樣式屬性

font size 字型大小大小 font size 字型大小大小用於設定字型大小,該屬性可以用相對長度單位 也可以使用絕對長度單位。其中相對長度單位比較常用,推薦使用畫素單位px,絕對長度用得相對較少。相對長度單位有 em px,推薦使用px font family 字型設定 font famil...

CSS字型樣式屬性

font size屬性用於設定字型大小,該屬性的值可以使用相對長度單位,也可以是使用苦厄對長度單位。其中,較為常用的是相對長度單位,推薦使用畫素單位px,在實際應用中,絕對長度單位使用較少。使用方法 p 相對長度單位 說明em 相對於當前物件內文字字型的尺寸 px畫素 最常用 絕對長度單位 說明in...