首頁 > web前端 > css教學 > 教你如何用CSS來控制網頁字體的顯示樣式_經驗交流

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

WBOY
發布: 2016-05-16 12:08:46
原創
1819 人瀏覽過

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大小、紫色、英文小寫轉成較小的大寫了。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板