欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css那些樣式可以被繼承

使用CSS可以輕松地改變網(wǎng)頁的樣式和布局。其中,有一些樣式可以被子元素繼承,減少了重復(fù)代碼的使用。下面是CSS中哪些樣式可以被繼承的詳細(xì)解釋。

可被繼承的CSS樣式:
1. font-size:字體大小;
2. font-family:字體類型;
3. font-weight:字體粗細(xì);
4. font-style:字體風(fēng)格;
5. color:字體顏色;
6. line-height:行高;
7. text-align:對齊方式;
8. vertical-align:文字垂直對齊方式;
9. white-space:空格處理方式;
10. visibility:元素是否可見。

這些樣式的值會(huì)自動(dòng)被子元素繼承,并且可以通過使用關(guān)鍵字“inherit”指定父元素樣式的值。

例如,在以下html中,能簡單的使用繼承的屬性:
<div>
<p>hello css</p>
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
</div>
可以通過以下CSS樣式來控制布局和樣式:
div { font-size: 16px; color: #333; }
p { font-size: inherit; font-weight: bold; }
ul { font-size: inherit; }
li { font-size: inherit; color: #f60; }

如此一來,p元素中文本的字體大小被設(shè)置為了父元素div的字體大小,而加粗的字體是繼承font-weight屬性的值。ul和li元素的字體大小和顏色也可以繼承父元素的CSS樣式。

在使用CSS時(shí),盡可能地使用繼承的屬性,可以減少代碼量和開發(fā)時(shí)間,使代碼更加易于維護(hù)。