font size屬性的繼承

2021-07-04 04:55:35 字數 787 閱讀 1387

font-size屬性不被直接繼承:只有計算值被繼承,而不是整個宣告被繼承。

當使用乙個絕對字型大小值(如14px)時表現不明顯,但是使用相對字型大小值(如80%或0.8em)時就表現非常明顯。相對值只有被傳遞到子元素之前,才會被計算。

如果我們在元素上設定乙個相對的font-size,它僅被傳遞到子元素,而不是所有後代。

字型大小計算時有很奇怪的邊緣效果。例如:我們對乙個元素使用80%的相對字型大小,其他巢狀在元素中的元素同時也會繼承該大小這意味著其他元素的字型大小將是80%乘以80%,及64%。

例如下面**:

lang="en">

charset="utf-8">

title>

type="text/css">

.div

.p1.span1

style>

head>

class="div">

hello,world.

class="p1">

hello,world.

class="span1">hello,world.span>

hello,world.span>

p>

hello,world.p>

div>

body>

html>

解決方案:要麼只在乙個級別上使用相對字型大小,要麼指定該元素的特定例項,即不使用全域性的元素選擇器,而是使用元素選擇器和id選擇器的組合。

CSS中的font size屬性使用教程

基本語法結構 font size 字型大小數值 單位 單詞 font size 語法 font size absolute size relative size length 取值 xx small x small small medium large x large xx large xx sma...

Css繼承屬性和非繼承屬性

一 無繼承性的屬性 1 display 規定元素應該生成的框的型別 2 文字屬性 vertical align 垂直文字對齊 text decoration 規定新增到文字的裝飾 text shadow 文字陰影效果 white space 空白符的處理 unicode bidi 設定文字的方向 3...

CSS可以繼承的屬性和不能繼承的屬性

一 無繼承性的屬性 1 display 規定元素應該生成的框的型別 2 文字屬性 vertical align 垂直文字對齊 text decoration 規定新增到文字的裝飾 text shadow 文字陰影效果 white space 空白符的處理 unicode bidi 設定文字的方向 3...