分享font-size 文法的介紹及相關執行個體教程

來源:互聯網
上載者:User
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值,也可以單獨給某一個元素設定其值

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.