CSS文法手冊一字型屬性

來源:互聯網
上載者:User

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。可省略部分屬性,屬性值間用空格分開。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.