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

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

成都創(chuàng)新互聯(lián)公司主要從事網(wǎng)站建設、網(wǎng)站設計、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務奇臺,10年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:028-86922220

代碼如下:

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

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

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

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

但h2是不會繼承這個12px，它會按照一定百分比增加字號，但如果給h2顯試指定font-

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

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

2. 這些元素本身不會繼承父體的字體大小，設置了font-size:100%后就能自動繼承。

line-height : normal | length

參數(shù)：

normal : 默認行高

length : 百分比數(shù)字 | 由浮點數(shù)字和單位標識符組成的長度值，允許為負值。其百分比取值是基于字體的高度尺寸。請參閱長度單位

說明

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

如行內(nèi)包含多個對象，則應用最大行高。此時行高不可為負值。

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

示例

代碼如下:

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

注意

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

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

3.用line-height 時可以使用負值

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

上述內(nèi)容就是font-size:100%的目的和作用分別是什么，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

名稱欄目：font-size:100%的目的和作用分別是什么
文章轉載：http://muchs.cn/article20/ihcjco.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供面包屑導航、定制開發(fā)、微信公眾號、品牌網(wǎng)站制作、網(wǎng)站內(nèi)鏈、網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)