字型風格,屬性是:font-style, 例:
H3 { font-style: italic }
字型風格的定義有:italic(斜體), Oblique(斜體,經測試與italic沒區別),normal(正常顯示,取消傾斜風格)
字重, 屬性是:font-weight, 加重風格可以關閉或開啟,利用字重屬性,可以創造出一系列新的加重字型。
P { font-weight: bold }
這是字重最常見的應用方式,而normal屬性也可以取消加重字型,將字型以正常形式顯示。還可以用數值100,200,...900。正常的非加重體的字型值為400,900是最加重的字型參數值。Web瀏覽器將決定每一參數值的實際顯示。
還可以給字重加上lighter和bolder參數,當然前提是所使用的字型已經賦予了某種層級的加重字型屬性。在已有屬性層級上,瀏覽器將使字型的顯示相應地更加重一些(bolder)或更輕一些(lighter)。(注意:IE 3或Netscape Communicator都不支援lighter或bolder參數。)
字型參數(font-variant): 這時一種挺簡單的屬性,你可以將正常文字縮小一半尺寸後大寫顯示。 例如:
H2 { font-variant: small-caps }
Communicator或者IE舊版都不支援這項屬性。IE4有些靠近這種標準,但它只是將字型以正常的大寫形式顯示。大概IE5.0能支援這項屬性。可以試試。
文字變形(text-transform): 這項屬性控制字母大小寫。基本代碼:
B { text-transform: uppercase }
以下為所有可用的參數: uppercase 使所有字母大寫顯示。 lowercase使所有字母小寫顯示。 capitalize 使每個單詞的第1個字母大寫顯示,例:This sentence serves as an example. none 使所有繼承的文字變形參數被忽略,文字將以正常形式顯示。例:This sentence serves as an example.
(注意:IE3不支援文字變形)
文字修飾(text-decoration): 基本文法如下:
B { text-decoration: underline }
以下為text-decoration的可用參數: underline 給文字底線,例:these words. overline 給文字上劃線,例:these words. line-through 給文字划出刪除線,例:these words. blink 賦予文字閃爍的效果。 none 使得上述效果都不會發生。
(注意:Communicator不支援上劃線,IE4不支援文字閃爍,IE3對這些都不支援。)
none參數可以使連結的文字不以底線的形式顯示。具體做法:
A:link { text-decoration: none }
A:active { text-decoration: none }
A:visited { text-decoration: none }
A:link用於正常的未被訪問過的連結,A:active用於你正在點擊的連結, A:visited 用於已經訪問過的連結。
也可以直接用:A {text-decoration: none},該定義包含以上三個定義的效果。