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

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


<script type="text/javascript"> var arrBaiduCproConfig=new Array(); arrBaiduCproConfig['uid'] = 2214; arrBaiduCproConfig['n'] = 'sayyescpr'; arrBaiduCproConfig['tm'] = 48; arrBaiduCproConfig['cm'] = 100; arrBaiduCproConfig['um'] = 50; arrBaiduCproConfig['rad'] = 1; arrBaiduCproConfig['w'] = 336; arrBaiduCproConfig['h'] = 280; arrBaiduCproConfig['bd'] = '#ffffff'; arrBaiduCproConfig['bg'] = '#ffffff'; arrBaiduCproConfig['tt'] = '#0000ff'; arrBaiduCproConfig['ct'] = '#000000'; arrBaiduCproConfig['url'] = '#666666'; arrBaiduCproConfig['bdl'] = '#CCCCCC'; arrBaiduCproConfig['wn'] = 1; arrBaiduCproConfig['hn'] = 4; arrBaiduCproConfig['ta'] = 'center'; arrBaiduCproConfig['tl'] = 'top'; arrBaiduCproConfig['bu'] = 1; </script><script src="http://cpro.baidu.com/cpro/ui/ui.js" type="text/javascript"> </script><script type="text/javascript"> <!-- document.write(baiduCproIFrame()); --> </script>
轉自:動態網製作指南 www.knowsky.com

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

發佈了144 篇原創文章 · 獲贊 1 · 訪問量 22萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章