CSS 字體屬性font相關(guān)的用法

發(fā)布時(shí)間：2011-01-05 22:44:05 作者：佚名

我要評論

CSS可以利用字體屬性設(shè)置頁面中字體的種類、大小、風(fēng)格、粗細(xì)（濃淡）等表現(xiàn)。

設(shè)置字體名稱屬性(font-family)

這個(gè)屬性設(shè)置頁面中選擇用哪種字體，常用的字體有：Simsun、Arial、Verdana、Helvetica、 sans-serif等，定義方法：

.ziti {font-family:Simsun,Arial,Verdana;}

在這里連續(xù)定義了三種字體，當(dāng)用戶字庫中沒有第一種字體時(shí)就使用第二種，以此類推，如果CSS中設(shè)置的字體都沒有則使用瀏覽器中的默認(rèn)值。

設(shè)置字體大小屬性(font-size)

    font-size可以設(shè)置頁面中字體大小，有三種常用的單位em，px，pt。
    簡短介紹一下這三種長度單位：
    px，相對長度單位。像素（Pixel）。
    em，相對長度單位。相對于當(dāng)前對象內(nèi)文本的字體尺寸。
    pt，絕對長度單位。點(diǎn)（Point）。
    其中最常用的就是px。字體設(shè)置方法如下：

.ziti {font-size:12px;}

設(shè)置字體風(fēng)格屬性(font-style)

字體風(fēng)格是設(shè)置字體是否斜體的屬性，一共有三個(gè)值：normal、 italic、oblique，normal是默認(rèn)值，italic，oblique都是斜體顯示。例子：

.ziti {font-style:italic;}

設(shè)置字體粗細(xì)（濃淡）屬性(font-weight)

字體的粗細(xì)（濃重）只有兩個(gè)屬性，因?yàn)樗挥写煮w和非粗體兩種，它的值是normal和bold，normal是默認(rèn)值。例子：

.ziti {font-weight:bold;}

設(shè)置字體變量屬性(font-variant)

font-variant只針對英文字母，對漢字沒有效果。它定義字體以小型號(hào)大寫字母顯示，小型大寫字母可以理解為小個(gè)子的大寫字母，它雖然是大寫字母，但它的文字大小卻和小寫字母是相同的，比直接輸入的大寫字母要小。

font-variant有兩個(gè)值，normal和small-caps。normal是默認(rèn)值，它是正常的字體。small-caps是將小寫字母轉(zhuǎn)換成大寫字母。例子：

.ziti {font-variant:small-caps;}

字體屬性綜合寫法(font)

font是字體屬性中可以綜合定義以上五種屬性的快捷方法，它可以用一行來定義font屬性，書寫順序分別是：font-style font-variant font-weight font-size font-family。例子：

.ziti {font:italic normal bold 18px arial;}

如果哪項(xiàng)屬性是默認(rèn)值，可以把他省略不寫，系統(tǒng)會(huì)自動(dòng)解析其為默認(rèn)值。

字體顏色(color)

字體的顏色屬于CSS文本屬性中的內(nèi)容，它不像字體屬性那樣需要在color前加上font，只需要color就可以定義了。

.ziti {font:italic normal bold 18px arial;color:red;}

Tag：css 字體屬性

亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

CSS 字體屬性font相關(guān)的用法

設(shè)置字體名稱屬性(font-family)

設(shè)置字體大小屬性(font-size)

設(shè)置字體風(fēng)格屬性(font-style)

設(shè)置字體粗細(xì)（濃淡）屬性(font-weight)

設(shè)置字體變量屬性(font-variant)

字體屬性綜合寫法(font)

字體顏色(color)

相關(guān)文章

最新評論

文章分類

大家感興趣的內(nèi)容

最近更新的內(nèi)容