16、對字體各種瀏覽器的支持應用:
每次將一種generic字體作為最後的選項列在字體列表中是一種很好的做法。你可以選擇以下幾種:
serif (也可能是 Times)
sans-serif (也可能是 Arial或者 Helvetica)
cursive (也可能是 Comic Sans)
fantasy (也可能是 Ransom)
monospace (也可能是 Courier)
(注意:Netsacpe Communicator不支持Cursive或者fantasy)
其它字體名稱訣竅:
如果一種字體的名稱不只一個單詞,如Gill Sans,在你的CSS代碼中用引號包含該字體的名稱。
BODY { font-family: "gill sans", "new baskerville", serif }行內加入的CSS規則,使用單引號:
<P STYLE="font-family:
'gill sans', 'new
baskerville', serif">Text
goes here.</P>如果你將CSS規則的説明組合在一起,而其中又包含字模系列,將字模系列列在最後,例:
H2 { color: red; margin:
10px; font-family: times,
serif }17、字號
使用font-size 屬性,你可以對文字的尺寸進行無限的控制。
確定這的3種基本方法:
Points, ems, pixels, 及其它單位
關鍵字
比例參數
Points, Ems, Pixels, 及其它單位太簡單了就不寫了!
18、字體風格
字體風格用來控制斜體字的屬性,非常漂亮又非常簡單:
H3 { font-style: italic }
當瀏覽器接到應用斜體字的指令後,它將用户的機器中尋找安裝的斜體字版本,
如果不存在斜體字,瀏覽器將生成一種。常,就是指將正常的字體傾斜顯示。如果一種字體的名稱為Oblique,而不是Italic,瀏覽器就會使用oblique作為字體風格的參數。
字體風格的第3種參數是normal,它將取消斜體字風格,將字體以正常形式顯示。
字重
加重風格可以關閉或打開,利用字重屬性,可以創造出一系列新的加重字體。
P { font-weight: bold }
這是字重最常見的應用方式,而normal屬性也可以取消加重字體,將字體以正常形式顯示。
你還可以用數值100,200,...900。正常的非加重體的字體值為400,900是最加重的字體參數值。
19、字體特殊效果:
字體參數(font-variant)這時一種挺簡單的屬性,你可以將正常文字縮小一半尺寸後大寫顯示。
H2 { font-variant: small-caps }
文字變形(text-transform)
這項屬性可以使你輕而易舉地控制字母寫。基本代碼:
B { text-transform: uppercase }
以下為所有可用的參數:
uppercase 使所有字母大寫顯示,
例:
This sentence serves as an example.
lowercase使所有字母小寫顯示,
例:
This sentence serves as an example.
capitalize 使每個單詞的第1個字母大寫顯示,例:
This sentence serves as an example.
none 使所有繼承的文字變形參數被忽略,文字將以正常形式顯示。B { text-decoration: underline }
大部分的選項使得文字變得難以閲讀:
underline 給文字下劃線,例:
these words.
overline給文字上劃線,例:
these words.
line-through給文字劃出刪除線,
例:these words.
blink是你在惡夢中常常看到的--
文字在閃爍,例:
these words.
none使得上述效果都不會發生。 none參數非常有用,你可以使鏈接的文字不以下劃線的形式顯示。具體做法:
A:link { text-decoration: none }
A:active { text-decoration: none }
A:visited { text-decoration: none }
20、字間距
利用字間距屬性,你可以在字之間加入更的距離:
H3 { word-spacing: 1em }
你所使用的參數值將加入任何瀏覽器的缺設置,你可以使用任何種長度單位:
in (英寸)
cm (釐米)
mm (毫米)
pt (點數)
pc (打字機字間距)
em (ems)
ex (x-height)
px (象素)字母間距
H3 { letter-spacing: 10px }
本文章為轉載內容,我們尊重原作者對文章享有的著作權。如有內容錯誤或侵權問題,歡迎原作者聯繫我們進行內容更正或刪除文章。