您好,登錄后才能下訂單哦!
本篇文章為大家展示了font-size:100%的目的和作用分別是什么,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
代碼如下:
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
參數:
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,對于有些要求比較嚴格的網站,建議行高設計時用偶數
上述內容就是font-size:100%的目的和作用分別是什么,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。