font-size:100%的目的和作用分別是什么

本篇文章為大家展示了font-size:100%的目的和作用分別是什么，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

代碼如下:

h2,h3,h4,h5,h6,h7 {font-size:100%;font-weight:normal;}
input,select,textarea,samp {font-size:100%;}

看到一些css重設(shè),請(qǐng)問(wèn)設(shè)置font-size:100%的目的和作用是什么?

---------------------------------------------------------------------------------------

假如你設(shè)置body{font-size:12px;}

但h2是不會(huì)繼承這個(gè)12px，它會(huì)按照一定百分比增加字號(hào)，但如果給h2顯試指定font-

size:100%;它就會(huì)繼承body設(shè)定的字體大小。

1. 它改變了默認(rèn)的大小。

2. 這些元素本身不會(huì)繼承父體的字體大小，設(shè)置了font-size:100%后就能自動(dòng)繼承。

line-height : normal | length

參數(shù)：

normal : 默認(rèn)行高

length : 百分比數(shù)字 | 由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值，允許為負(fù)值。其百分比取值是基于字體的高度尺寸。請(qǐng)參閱長(zhǎng)度單位

說(shuō)明

檢索或設(shè)置對(duì)象的行高。即字體最底端與字體內(nèi)部頂端之間的距離。

如行內(nèi)包含多個(gè)對(duì)象，則應(yīng)用最大行高。此時(shí)行高不可為負(fù)值。

對(duì)應(yīng)的腳本特性為lineHeight。請(qǐng)參閱我編寫的其他書目。

示例

代碼如下:

div {line-height:6px; }
div {line-height:10.5; }

注意

1.用line-height只對(duì)文字起作用 對(duì)于圖片時(shí)失效

2.用dreamweaver 可以看到即時(shí)的line-height 的效果

3.用line-height 時(shí)可以使用負(fù)值

需要注意的是,在各瀏覽器下對(duì)于line-height的解決也是有細(xì)微的區(qū)別的,上下會(huì)有1px的差別,如果行高是偶數(shù)的話,大部分瀏覽器解釋還是比較正常,如果是奇數(shù)的話,有些瀏覽器會(huì)上比下多1px,而另一些瀏覽器會(huì)下比上多1px,對(duì)于有些要求比較嚴(yán)格的網(wǎng)站,建議行高設(shè)計(jì)時(shí)用偶數(shù)

上述內(nèi)容就是font-size:100%的目的和作用分別是什么，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注億速云行業(yè)資訊頻道。