国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

HTML+CSS 輕松入門之繼承

css是層疊樣式表(cascading style sheets)的簡稱,它的規(guī)范代表了互聯(lián)網(wǎng)歷史上一個獨(dú)特的發(fā)展階段?,F(xiàn)在對于從事網(wǎng)頁制作的朋友來說,很少沒有聽說過css了吧,因?yàn)樵谥谱骶W(wǎng)頁過程中我們經(jīng)常需要用到。
css允許我們?yōu)槲臋n設(shè)置更為豐富且便于修改的外觀,可以減輕網(wǎng)頁設(shè)計(jì)者的工作負(fù)擔(dān)。這里我們主要想和朋友們一起對css的繼承性和特殊性進(jìn)行一點(diǎn)深入的探討

一、繼承
css的一個主要特征就是繼承,它是依賴于祖先-后代的關(guān)系的。繼承是一種機(jī)制,它允許樣式不僅可以應(yīng)用于某個特定的元素,還可以應(yīng)用于它的后代

繼承是一種規(guī)則,它允許樣式不僅應(yīng)用于某個特定html標(biāo)簽元素,而且應(yīng)用于其后代。比如下面代碼:如某種顏色應(yīng)用于p標(biāo)簽,這個顏色設(shè)置不僅應(yīng)用p標(biāo)簽,還應(yīng)用于p標(biāo)簽中的所有子元素文本

p{color:red}

當(dāng)我們有一個p標(biāo)簽,p標(biāo)簽內(nèi)有元素都會使用p 標(biāo)簽的樣式

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>繼承</title>
	<style type="text/css">
		p{
			color:red;
		}
	</style>
</head>
<body>
	<p> css繼承性
		<span>重要性</span>
	</p>
</body>
</html>

二、css繼承的局限性

在css中,繼承是一種非常自然的行為,我們甚至不需要考慮是否能夠這樣去做,但是繼承也有其局限性。

首先,有些屬性是不能繼承的。這沒有任何原因,只是因?yàn)樗褪沁@么設(shè)置的。舉個例子來說:border屬性,大家都知道,border屬性是用來設(shè)置元素的邊框的,它就沒有繼承性。多數(shù)邊框類屬性,比如象padding(補(bǔ)白),margin(邊界),背景和邊框的屬性都是不能繼承的。

三、繼承中容易引起的錯誤

????有時候繼承也會帶來些錯誤

四、多種樣式混合應(yīng)用

既然有了繼承性,那么在樣式表中的應(yīng)用上可能會有些讀者搞不清,多個樣式表同時應(yīng)用到一個對象上會發(fā)生什么情形呢

五、css繼承的優(yōu)先級問題

????使用離文檔近的css 樣式

繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>繼承</title> <style type="text/css"> p{ color:red; } </style> </head> <body> <p> css繼承性 <span>重要性</span> </p> </body> </html>
提交重置代碼