クリエイター:コーディング備忘録ブログ

コーディング

CSSの%継承

スタイルシートの継承は、親から子へプロパティの値が引き継がれることです。
例えば、文字の大きさや色が引き継がれると言った具合です。
■html

文字サイズ

文字サイズ


■css
body{font-size:100%;}
div.test{font-size:120%;}
div.test p{font-size:80%;}

文字サイズはbodyの文字サイズを基準としたとき96%になります。font-sizeは継承されるので、pの文字サイズはdiv.testの値を基準に算出されます。
なので、pの文字サイズは1×1.2×0.8×100=96%となります。

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP