首頁  >  文章  >  web前端  >  分享font-size 語法的介紹及相關實例教程

分享font-size 語法的介紹及相關實例教程

零下一度
零下一度原創
2017-06-16 17:06:092174瀏覽

font-size 語法: 

font-size : absolute-size | relative-size | length

參數: 
absolute-size : 依照物件字體進行調節。 xx-small | x-small | small | medium | large | x-large | xx-large 
relative-size : 相對於父對像中字體尺寸進行相對調整。使用成比例的em單位計算。 larger | smaller 
length : 百分數 | 由浮點數字和單位標識符組成的長度值,不可為負值。其百分比取值是基於父物件中字體的尺寸。請參閱長度單位 
 
說明: 
設定或檢索物件中的字體尺寸。
預設值為absolute-size的medium值。 
對應的腳本特性為fontSize。請參閱我所寫的其他書目。 
範例: 

p { font-style: normal; } 
p { font-size: 12px; } 
p { font-size: 20%; }

網頁設計中,font 如何精確字體大小?

一般中文的字體大小是12px或14px。隨著顯示器解析度不斷提高,12px的文字在大於1440*900的顯示器裡看起來會顯得比較小,閱讀起來不是很容易,所以現在網頁設計裡面用12px的已經比較少了,特別是文章正文部分,普遍都會用14px。 13px的字體在IE6下面會有一點點顯示上的bug,所以現在用得也不太多,不過隨著IE6慢慢被淘汰,這個問題也不再是一個問題了。而對於標題列的文字大小,沒有特別的限制,視覺上感覺舒服就好。
字體大小代碼:font-size:14px(字體大小14像素)
對於font-family,一般來說14px及以下大小的文字,應設定為宋體,當然也可以設定為微軟雅黑。不過XP預設是沒有雅黑字體的,所以在css裡面可以這樣設定字體:
font-family:"Microsoft Yahei",simSun,Arial;
把幾個字體用逗號隔開,如果系統沒有第一種字體,就用第二種,如果沒有第二種就用第三種,以此類推。

關於css中font-size繼承性愛的問題

font-size是設定字體的一個css樣式,其值可以為:px或em;
繼承方式是根據父元素來定的,如果父元素已經定義了字體大小,子元素沒有設定字體大小,那麼會預設使用父元素的font-size值,也可以單獨給某一個元素設定其值

以上是分享font-size 語法的介紹及相關實例教程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn