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

post0發表於2007-08-15
CSS
CSS語法手冊字型屬性(轉)[@more@]

 

字型屬性

1、font-family

功能：用於改變HTML標誌或元素的字型，你可設定一個可用字型清單。瀏覽器由前向後選用字型。

語法：{font-family:字型1,字型2, ... ,字型n}

例子：

字型

2、font-style

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

數值：

normal - 正常

italic - 斜體

oblique - 偏斜體

例子：

Normal

Italic

Oblique

3、font-variant

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

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

small-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 - small, x-small, small, medium, large, x-large, xx-large。不同字型有不同的數值。

相對尺寸 - larger, smaller，產生的尺寸是相對於父容器字號而言的。

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

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

例子：字體大小

6、font

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

語法：{font:字型屬性1 字型屬性2 ... 字型屬性n}

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

例子：

FONT

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/8225414/viewspace-957360/，如需轉載，請註明出處，否則將追究法律責任。

相關文章