教你如何用CSS來控制網(wǎng)頁字體的顯示樣式
更新時(shí)間:2007年02月27日 00:00:00 作者:
HTML對(duì)于<font>內(nèi)容</font>卷標(biāo)只有: <font color=colorvalue size=fontsize face=字型></font>這3種設(shè)定,而關(guān)于CSS對(duì)于<font>內(nèi)容</font>的延伸規(guī)格讓我們可以對(duì)字型的有更詳細(xì)的設(shè)定。對(duì)于字型的設(shè)定: font-family:字型名稱1,字型名稱3,字型名稱3等等。顯示字型的優(yōu)先級(jí),若計(jì)算機(jī)中有安裝該字型,便以該字型顯示。如果你所設(shè)定的字型,client的計(jì)算機(jī)全部都沒有安裝,便會(huì)已瀏覽器預(yù)設(shè)的字型顯示:font-size:18pt|120%|xx-small|s-small|small|medium|large|x-large|xx-large
對(duì)于字體大小的定義嚴(yán)格來說有2種方式:
1、絕對(duì)
如:pt;in 這些大小是固定的,不會(huì)因分辨率而改變..
2、相對(duì)
如: px;em;% 這些會(huì)隨著分辨率與目前字號(hào)而改變...
font-style:normal|italic|oblique
斜體
font-weight:normal|bold|lighter|bolder|100-900
字體粗細(xì)
font-variant:normal|small-caps
英文小寫轉(zhuǎn)字體較小的大寫
關(guān)于以上這些的應(yīng)用,可以用[CSS套入]的任何一種方式..
舉個(gè)例:
以下是引用片段:
<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>
這樣子顯示的字體便會(huì)為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)成較小的大寫了。
對(duì)于字體大小的定義嚴(yán)格來說有2種方式:
1、絕對(duì)
如:pt;in 這些大小是固定的,不會(huì)因分辨率而改變..
2、相對(duì)
如: px;em;% 這些會(huì)隨著分辨率與目前字號(hào)而改變...
font-style:normal|italic|oblique
斜體
font-weight:normal|bold|lighter|bolder|100-900
字體粗細(xì)
font-variant:normal|small-caps
英文小寫轉(zhuǎn)字體較小的大寫
關(guān)于以上這些的應(yīng)用,可以用[CSS套入]的任何一種方式..
舉個(gè)例:
以下是引用片段:
<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>
這樣子顯示的字體便會(huì)為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)成較小的大寫了。
相關(guān)文章
用滑動(dòng)門技術(shù)設(shè)計(jì)按鈕的圖文教程
用滑動(dòng)門技術(shù)設(shè)計(jì)按鈕的圖文教程...2007-07-07line-block的運(yùn)用最小寬度的設(shè)置
line-block:本身是內(nèi)聯(lián)盒模型的存在,又具備塊狀盒模型的特性。很好很強(qiáng)大的東西啊~2008-05-05