實用CSS教程:從基礎開始(三)_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
六.控制字體的樣式
控制字體的樣式包括控制字體類型、字體大小、字體風格、字體粗細四個部分。
1.字體類型
平時在使用WORD之類的字處理軟件的時候,經常需要調整字體的顯示,比如說“Arial”、“Impact”、“Verdana”等字體都是筆者使用的較多的。
基本格式如下:
假如在font-family后加上多種字體的名稱,瀏覽器回按字體名稱的順序逐一在用戶的計算機里尋找已經安裝的字體,一旦碰到與要求的相匹配的字體,就按這種字體顯示網頁內容,并停止搜索;假如不匹配就繼續搜索,直到找到為止,萬一樣式表里的所有字體都沒有安裝的話,瀏覽器就會用自己默認的字體來替代顯示網頁的內容。
注重:
·當指定多種字體時,用“,”分隔每種字體名稱。
·當字體名稱包含兩個以上分開的單詞時,用“”把該字體名稱括起來。
·當樣式規則外已經有“”時,用‘’代替“”。
2.字體大小
基本格式如下:
字號的取值范圍:
·以Point為單位:點單位在所有的瀏覽器和操作平臺上都適用
·以Em為單位:指字母要素的尺寸,和Point相同距離
·以Pixes為單位:像素可以使用于所有的操作平臺,但可能會因為瀏覽者的屏幕分辨率不同,而造成顯示上的效果差異
·以in(英寸)為單位
·以cm(厘米)為單位
·以mm(毫米)為單位
·以pc(打印機的字體大小)為單位
·以ex(x-height)為單位
·smaller:比當前文字的默認大小更小一號
·larger:比當前文字的默認大小更小大號
·使用比例關系
·xx-small
·x-small
·small
·medium
·large
·x-large
·xx-large
3.字體風格
字體風格只能控制各種斜體字的顯示。
基本格式如下:
4.字體粗細
字體粗細控制粗體字的顯示,取值范圍從數字100~900,瀏覽器默認的字體粗細為400。另外可以通過參數lighter和bolder使得字體在原有基礎上顯得更細或更粗些。
基本格式如下:
控制字體的樣式包括控制字體類型、字體大小、字體風格、字體粗細四個部分。
1.字體類型
平時在使用WORD之類的字處理軟件的時候,經常需要調整字體的顯示,比如說“Arial”、“Impact”、“Verdana”等字體都是筆者使用的較多的。
基本格式如下:
示例代碼 [www.wf0088.com]
font-family: 字體名稱
假如在font-family后加上多種字體的名稱,瀏覽器回按字體名稱的順序逐一在用戶的計算機里尋找已經安裝的字體,一旦碰到與要求的相匹配的字體,就按這種字體顯示網頁內容,并停止搜索;假如不匹配就繼續搜索,直到找到為止,萬一樣式表里的所有字體都沒有安裝的話,瀏覽器就會用自己默認的字體來替代顯示網頁的內容。
注重:
·當指定多種字體時,用“,”分隔每種字體名稱。
·當字體名稱包含兩個以上分開的單詞時,用“”把該字體名稱括起來。
·當樣式規則外已經有“”時,用‘’代替“”。
2.字體大小
基本格式如下:
示例代碼 [www.wf0088.com]
font-size: 字號參數
字號的取值范圍:
·以Point為單位:點單位在所有的瀏覽器和操作平臺上都適用
·以Em為單位:指字母要素的尺寸,和Point相同距離
·以Pixes為單位:像素可以使用于所有的操作平臺,但可能會因為瀏覽者的屏幕分辨率不同,而造成顯示上的效果差異
·以in(英寸)為單位
·以cm(厘米)為單位
·以mm(毫米)為單位
·以pc(打印機的字體大小)為單位
·以ex(x-height)為單位
·smaller:比當前文字的默認大小更小一號
·larger:比當前文字的默認大小更小大號
·使用比例關系
·xx-small
·x-small
·small
·medium
·large
·x-large
·xx-large
3.字體風格
字體風格只能控制各種斜體字的顯示。
基本格式如下:
示例代碼 [www.wf0088.com]
font-style: 斜體字的名稱
4.字體粗細
字體粗細控制粗體字的顯示,取值范圍從數字100~900,瀏覽器默認的字體粗細為400。另外可以通過參數lighter和bolder使得字體在原有基礎上顯得更細或更粗些。
基本格式如下:
示例代碼 [www.wf0088.com]
font-weight: 字體粗細
相關CSS教程:
- 相關鏈接:
- 教程說明:
CSS教程-實用CSS教程:從基礎開始(三)。