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

2021-04-01 09:37:18 字數 1292 閱讀 4206

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

**:動態網製作指南 .knowsky.***

1、font-family

功能:用於改變html標誌或元素的字型,你可設定乙個可用字型清單。瀏覽器由前向後選用字型。

語法:例子:

2、font-style

功能:使文字顯示為扁斜體或斜體等表示強調 。

數值:normal - 正常

italic - 斜體

oblique - 偏斜體

例子:normal

italic

oblique

3、font-variant

功能:用於在正常與小型大寫字母字型間切換。

數值:normal - 如果該標誌繼承父元素的 **all-caps 設定,則關鍵字 normal 將 font-variant 設定為正常字型。

**all-caps - 把小寫字母顯示為字型較小的大寫字母。

例子:font-variant

4、font-weight

功能:用於設定字型灰度,生成字型的深,淺版本。

數值:正常灰度 - normal

相對灰度 - bold, bolder, light, lighter

梯度灰度 - 取值如下:100, 200, 300, 400(相當於normal), 500, 600, 700(相當於bold), 800, 900。

例子:字型

灰度5、font-size

功能:用各種度量單位控制文字字型大小。

數值:有四種數值方式

絕對尺寸- 用具體字型大小表定義字型大小,可以取下列數值之一:xx - **all, x-**all, **all, medium, large, x-large, xx-large。不同字型有不同的數值。

相對尺寸 - larger, **aller,產生的尺寸是相對于父容器字型大小而言的。

長度 - 用公釐(mm),厘公尺(cm),英吋(in),點數(pt),象素(px),pica(pc),ex(小寫字母x的高度)或em(字型高度)作為度量單位。

百分比 - 相對於其父元素字型大小的百分比。

例子:字型大

小6、font

功能:簡寫屬性,提供了對字型所有屬性進行設定的快捷方法。

語法:數值:字型屬性值為前面已列出的值,此外還可以設定行間距屬性 line-height(見文字屬性),內容的順序為:font-style; font-variant; font-weight; font-size; line-height; font-family。可省略部分屬性,屬性值間用空格分開。

例子:font

CSS渲染(一) 字型

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

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

屬性 描述font size font size 屬性可設定字型的尺寸。一般使用相對長度單位px 畫素 font family 規定元素的字型系列。可以把多個字型名稱作為乙個 回退 系統來儲存。如果瀏覽器不支援第乙個字型,則會嘗試下乙個。也就是說,font family 屬性的值是用於某個元素的字型...

CSS語法 六 字型

font family 屬性設定文字的字型系列。font family 屬性應該設定幾個字型名稱作為一種 後備 機制,如果瀏覽器不支援第一種字型,他將嘗試下一種字型。注意 如果字型系列的名稱超過乙個字,它必須用引號,如font family 宋體 多個字型系列是用乙個逗號分隔指明 p主要是用於指定斜...