教你如何用CSS來控制網(wǎng)頁字體的顯示樣式

2020-10-23 18:43:35

字體：大中小

供稿：網(wǎng)友

HTML對于＜font＞內(nèi)容＜/font＞卷標只有：＜font color=colorvalue size=fontsize face=字型＞＜/font＞這3種設(shè)定，而關(guān)于CSS對于＜font＞內(nèi)容＜/font＞的延伸規(guī)格讓我們可以對字型的有更詳細的設(shè)定。對于字型的設(shè)定： font-family:字型名稱1,字型名稱3,字型名稱3等等。顯示字型的優(yōu)先級，若計算機中有安裝該字型，便以該字型顯示。如果你所設(shè)定的字型，client的計算機全部都沒有安裝，便會已瀏覽器預(yù)設(shè)的字型顯示：font-size:18pt|120%|xx-small|s-small|small|medium|large|x-large|xx-large

　　對于字體大小的定義嚴格來說有2種方式：

　　1、絕對
　　如：pt;in 這些大小是固定的，不會因分辨率而改變..

　　2、相對
　　如: px;em;% 這些會隨著分辨率與目前字號而改變...

　　font-style:normal|italic|oblique
　　斜體
　　font-weight:normal|bold|lighter|bolder|100-900
　　字體粗細
　　font-variant:normal|small-caps
　　英文小寫轉(zhuǎn)字體較小的大寫

　　關(guān)于以上這些的應(yīng)用，可以用[CSS套入]的任何一種方式..
舉個例：

以下是引用片段：
＜html＞
＜head＞
＜title＞＜/title＞
＜style＞
span {font-size:20pt;
font-color:purple;
font-variant:small=caps;
}
＜/style＞
＜/head＞
＜body＞
＜span＞Dhtml&Asp＜/span＞
＜/body＞
＜/html＞

　　這樣子顯示的字體便會為20pt大小、紫色、英文小寫轉(zhuǎn)成較小的大寫了。或者也可以這樣設(shè)定：

以下是引用片段：
＜html＞
＜head＞
＜title＞＜/title＞
＜/head＞
＜body＞
＜span style="font-size:20pt;font-color:purple;font-variant:small-caps"＞Dhtml&Asp＜/span＞
＜/body＞
＜/html＞
這樣子顯示的字體同樣也是20pt大小、紫色、英文小寫轉(zhuǎn)成較小的大寫了。

上一篇：用CSS解決中英文混合字符串的截取省略問題的解決辦法

下一篇：常用CSS集合