font-size設定為100%的作用

admin發表於2017-02-28
原文網址 : https://www.softwhy.com/article-2046-1.html

在程式碼中往往有些讓人感覺奇怪的程式碼卻能夠起到非同尋常的作用，下面就介紹一個關於字型大小的設定問題。

在一些css程式碼中會有以下程式碼:

[CSS] 純文字檢視 複製程式碼
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} 
input,select,textarea,samp {font-size:100%;}

在以上程式碼中講相應元素的字型大小設定為100%，其實這是由一定理由的。大家知道font-size具有繼承性，也就是說子元素會繼承父元素的字型大小，但是對於<h>這樣的標籤卻不是這樣的，它們會採用自己固有預設的字型展現方式，如果將它們的font-size設定為100%,那麼就會參考父元素的字型大小了，於是就實現了繼承效果。

相關文章