教你如何用CSS來控制網頁字體的顯示樣式_經驗交流

HTML對於＜font＞內容＜/font＞卷標只有： ＜font color=colorvalue size=fontsize face=字型＞＜/font＞這3種設定，而關於CSS對於＜font＞內容＜/font＞這3種設定，而關於CSS對於＜font＞內容＜/font＞的延伸規格讓我們對字型的有更詳細的設定。對於字體的設定： font-family:字體名稱1,字體名稱3,字體名稱3等等。顯示字體的優先級，若計算機中有安裝該字體，便以該字體顯示。如果你所設定的字體，client的電腦全部都沒有安裝，便會已瀏覽器預設的字體顯示：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 
　　字體粗獷 #sm　　　英文小寫轉字體較小的大寫 

　　關於以上這些的應用，可以用[CSS套入]的任何一種方式.. 
舉例： 

以下是引用片段：
＜html＞  
＜head＞  
＜title＞＜/title＞  
＜style＞  
span {font-size:2##＜style＞  
span {font-size:20pt0;
font-variant:small=caps;  
}  
＜/style＞  
＜/head＞  
＜body＞   ##卷/body＞  
＜/html＞  


#　　這樣子顯示的字體便會為20pt大小、紫色、英文小寫轉成較小的大寫了。或也可以這樣設定： 

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