實用CSS教程:從基礎(chǔ)開始(三)_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
六.控制字體的樣式
控制字體的樣式包括控制字體類型、字體大小、字體風(fēng)格、字體粗細四個部分。
1.字體類型
平時在使用WORD之類的字處理軟件的時候,經(jīng)常需要調(diào)整字體的顯示,比如說“Arial”、“Impact”、“Verdana”等字體都是筆者使用的較多的。
基本格式如下:
假如在font-family后加上多種字體的名稱,瀏覽器回按字體名稱的順序逐一在用戶的計算機里尋找已經(jīng)安裝的字體,一旦碰到與要求的相匹配的字體,就按這種字體顯示網(wǎng)頁內(nèi)容,并停止搜索;假如不匹配就繼續(xù)搜索,直到找到為止,萬一樣式表里的所有字體都沒有安裝的話,瀏覽器就會用自己默認的字體來替代顯示網(wǎng)頁的內(nèi)容。
注重:
·當(dāng)指定多種字體時,用“,”分隔每種字體名稱。
·當(dāng)字體名稱包含兩個以上分開的單詞時,用“”把該字體名稱括起來。
·當(dāng)樣式規(guī)則外已經(jīng)有“”時,用‘’代替“”。
2.字體大小
基本格式如下:
字號的取值范圍:
·以Point為單位:點單位在所有的瀏覽器和操作平臺上都適用
·以Em為單位:指字母要素的尺寸,和Point相同距離
·以Pixes為單位:像素可以使用于所有的操作平臺,但可能會因為瀏覽者的屏幕分辨率不同,而造成顯示上的效果差異
·以in(英寸)為單位
·以cm(厘米)為單位
·以mm(毫米)為單位
·以pc(打印機的字體大�。閱挝�
·以ex(x-height)為單位
·smaller:比當(dāng)前文字的默認大小更小一號
·larger:比當(dāng)前文字的默認大小更小大號
·使用比例關(guān)系
·xx-small
·x-small
·small
·medium
·large
·x-large
·xx-large
3.字體風(fēng)格
字體風(fēng)格只能控制各種斜體字的顯示。
基本格式如下:
4.字體粗細
字體粗細控制粗體字的顯示,取值范圍從數(shù)字100~900,瀏覽器默認的字體粗細為400。另外可以通過參數(shù)lighter和bolder使得字體在原有基礎(chǔ)上顯得更細或更粗些。
基本格式如下:
控制字體的樣式包括控制字體類型、字體大小、字體風(fēng)格、字體粗細四個部分。
1.字體類型
平時在使用WORD之類的字處理軟件的時候,經(jīng)常需要調(diào)整字體的顯示,比如說“Arial”、“Impact”、“Verdana”等字體都是筆者使用的較多的。
基本格式如下:
示例代碼 [hl5o.cn]
font-family: 字體名稱
假如在font-family后加上多種字體的名稱,瀏覽器回按字體名稱的順序逐一在用戶的計算機里尋找已經(jīng)安裝的字體,一旦碰到與要求的相匹配的字體,就按這種字體顯示網(wǎng)頁內(nèi)容,并停止搜索;假如不匹配就繼續(xù)搜索,直到找到為止,萬一樣式表里的所有字體都沒有安裝的話,瀏覽器就會用自己默認的字體來替代顯示網(wǎng)頁的內(nèi)容。
注重:
·當(dāng)指定多種字體時,用“,”分隔每種字體名稱。
·當(dāng)字體名稱包含兩個以上分開的單詞時,用“”把該字體名稱括起來。
·當(dāng)樣式規(guī)則外已經(jīng)有“”時,用‘’代替“”。
2.字體大小
基本格式如下:
示例代碼 [hl5o.cn]
font-size: 字號參數(shù)
字號的取值范圍:
·以Point為單位:點單位在所有的瀏覽器和操作平臺上都適用
·以Em為單位:指字母要素的尺寸,和Point相同距離
·以Pixes為單位:像素可以使用于所有的操作平臺,但可能會因為瀏覽者的屏幕分辨率不同,而造成顯示上的效果差異
·以in(英寸)為單位
·以cm(厘米)為單位
·以mm(毫米)為單位
·以pc(打印機的字體大�。閱挝�
·以ex(x-height)為單位
·smaller:比當(dāng)前文字的默認大小更小一號
·larger:比當(dāng)前文字的默認大小更小大號
·使用比例關(guān)系
·xx-small
·x-small
·small
·medium
·large
·x-large
·xx-large
3.字體風(fēng)格
字體風(fēng)格只能控制各種斜體字的顯示。
基本格式如下:
示例代碼 [hl5o.cn]
font-style: 斜體字的名稱
4.字體粗細
字體粗細控制粗體字的顯示,取值范圍從數(shù)字100~900,瀏覽器默認的字體粗細為400。另外可以通過參數(shù)lighter和bolder使得字體在原有基礎(chǔ)上顯得更細或更粗些。
基本格式如下:
示例代碼 [hl5o.cn]
font-weight: 字體粗細
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- 初學(xué)者接觸HTML了解一些HTML標(biāo)記(3)
- Default style sheet - HTML4標(biāo)簽的默認樣式列表
- 清除網(wǎng)頁文字水印的兩種簡單方法
- HTML表格標(biāo)記教程(11):水平對齊屬性ALIGN
- HTML表格標(biāo)記教程(46):表格的表尾標(biāo)記
- HTML表格標(biāo)記教程(24):行的水平對齊屬性ALIGN
- HTML網(wǎng)頁圖片標(biāo)記
- HTML表格標(biāo)記教程(17):表格標(biāo)題垂直對齊屬性VALIGN
- HTML初級教程簡介及入門
- HTML表格標(biāo)記教程(19):行標(biāo)記
- 相關(guān)鏈接:
- 教程說明:
CSS教程-實用CSS教程:從基礎(chǔ)開始(三)
。