首頁 > web前端 > css教學 > CSS語法手冊(一)字體屬性

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

黄舟
發布: 2016-12-19 16:10:17
原創
1289 人瀏覽過

1、font-family

功能:用來改變HTML標誌或元素的字體,你可以設定一個可用字體清單。瀏覽器由前向後選用字體。
語法:{font-family:字體1,字體2, ... ,字體n}
範例:


字體

2、font-style

功能:使文字顯示為扁體或斜體等表示強調。
數值:
normal - 正常
italic - 斜體
oblique - 偏斜體
範例:


Normal

Italic

O3ique

字體間切換。

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

small-caps - 把小寫字母顯示為字體較小的大寫字母。 

範例:


FONT-VARIANT

4、font-weight

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

數值:

正常灰階- normal

相對灰階- bold, bolder, light, lighter
梯度灰階- 取值如下:100, 200, 300, 400(相當於相當於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

 以上就是CSS文法手冊(一)字體屬性的內容,更多相關內容請關注PHP中文網(www.php.cn) 

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板