font-size:100%有什麼做用

 h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}css

  input,select,textarea,samp {font-size:100%;}瀏覽器

  看到一些css重設,請問設置font-size:100%的目的和做用是什麼?ide

  ---------------------------------------------------------------------------------------字體

  假如你設置body{font-size:12px;}網站

  但h1是不會繼承這個12px,它會按照必定百分比增長字號,但若是給h1顯試指定font-spa

  size:100%;它就會繼承body設定的字體大小。設計

  1. 它改變了默認的大小。orm

  2. 這些元素自己不會繼承父體的字體大小,設置了font-size:100%後就能自動繼承。對象

  line-height : normal | length繼承

  參數:

  normal : 默認行高

  length : 百分比數字 | 由浮點數字和單位標識符組成的長度值,容許爲負值。其百分比取值是基於字體的高度尺寸。請參閱長度單位 

 說明

  檢索或設置對象的行高。即字體最底端與字體內部頂端之間的距離。

  如行內包含多個對象,則應用最大行高。此時行高不可爲負值。

  對應的腳本特性爲lineHeight。請參閱我編寫的其餘書目。

 示例

  div {line-height:6px; }

  div {line-height:10.5; }

 注意

  1.用line-height只對文字起做用 對於圖片時失效

  2.用dreamweaver 能夠看到即時的line-height 的效果

  3.用line-height 時能夠使用負值

  須要注意的是,在各瀏覽器下對於line-height的解決也是有細微的區別的,上下會有1px的差異,若是行高是偶數的話,大部分瀏覽器解釋仍是比較正常,若是是奇數的話,有些瀏覽器會上比下多1px,而另外一些瀏覽器會下比上多1px,對於有些要求比較嚴格的網站,建議行高設計時用偶數

相關文章
相關標籤/搜索