css有繼承關(guān)系。CSS繼承是一種規(guī)則,它允許樣式不僅應(yīng)用于某個特定html標(biāo)簽元素,而且應(yīng)用于其后代;也就是說:設(shè)置了上級(父級)的CSS樣式,上級(父級)及以下的子級(下級)都具有此樣式。
本教程操作環(huán)境:windows7系統(tǒng)、css3版、Dell G3電腦。
(學(xué)習(xí)視頻分享:css視頻教程)
css有繼承關(guān)系。css繼承性的作用:給父元素設(shè)置一些屬性,子元素也可以使用。
CSS繼承是指被包在內(nèi)部的標(biāo)簽將擁有外部標(biāo)簽的樣式性質(zhì)。繼承特性最典型的應(yīng)用通常發(fā)揮在整個網(wǎng)頁的樣式預(yù)設(shè),需要指定為其它樣式的部份設(shè)定在個別元素里即可。這項特性可以給網(wǎng)頁設(shè)計者提供更理想的發(fā)揮空間。但同時繼承也有很多規(guī)則,應(yīng)用的時候容易讓人迷惑
CSS的一個主要特征就是繼承,它是依賴于祖先-后代的關(guān)系的。繼承是一種機制,它允許樣式不僅可以應(yīng)用于某個特定的元素,還可以應(yīng)用于它的后代。例如一個BODY定義了的顏色值也會應(yīng)用到段落的文本中。下面舉例說明:
樣式定義:
body{color:red;}
應(yīng)用舉例代碼:
<p>CSS的<strong>層疊和繼承</strong>深入探討</p>
這段代碼的應(yīng)用結(jié)果是:“CSS的層疊和繼承深入探討”這段話是紅顏色的,“層疊和繼承”由于應(yīng)用了strong元素,所以是粗體。這很符合制作者的意圖,也是為什么繼承是CSS的一部分的原因。
注意點:
1、并不是所有的屬性都可以繼承,只有以color/font-/text-/line開頭的屬性才可以繼承
2、并不是只有兒子可以繼承,只要是后代就可以繼承
應(yīng)用場景:
一般用于設(shè)置網(wǎng)頁上的共性信息,例如網(wǎng)頁的文字顏色、字體、文字大小等內(nèi)容
css有繼承性的屬性
1、文本系列屬性
text-indent:文本縮進
text-align:文本水平對齊
line-height:行高
word-spacing:增加或減少單詞間的空白(即字間隔)
letter-spacing:增加或減少字符間的空白(字符間距)
text-transform:控制文本大小寫
direction:規(guī)定文本的書寫方向
color:文本顏色
2、字體系列屬性
font:組合字體
font-family:規(guī)定元素的字體系列
font-weight:設(shè)置字體的粗細
font-size:設(shè)置字體的尺寸
font-style:定義字體的風(fēng)格
font-variant:設(shè)置小型大寫字母的字體顯示文本,這意味著所有的小寫字母均會被轉(zhuǎn)換為大寫,但是所有使用小型大寫字體的字母與其余文本相比,其字體尺寸更小。
font-stretch:對當(dāng)前的 font-family 進行伸縮變形。所有主流瀏覽器都不支持。
font-size-adjust:為某個元素規(guī)定一個 aspect 值,這樣就可以保持首選字體的 x-height。
3、表格布局屬性
caption-side:設(shè)置表格標(biāo)題的位置。
border-collapse:設(shè)置表格的邊框是否被合并為一個單一的邊框,還是象在標(biāo)準的 HTML 中那樣分開顯示。
border-spacing:設(shè)置相鄰單元格的邊框間的距離(僅用于"邊框分離"模式)。
empty-cells:設(shè)置是否顯示表格中的空單元格(僅用于"分離邊框"模式)。
table-layout:為表設(shè)置表格布局算法。
4、列表布局屬性:
list-style-type:設(shè)置列表項標(biāo)記的類型。
list-style-image:使用圖像來替換列表項的標(biāo)記。
list-style-position:指示如何相對于對象的內(nèi)容繪制列表項標(biāo)記。
list-style:簡寫屬性在一個聲明中設(shè)置所有的列表屬性。
5、元素可見性:visibility
6、生成內(nèi)容屬性:quotes
7、光標(biāo)屬性:cursor
8、頁面樣式屬性:page、page-break-inside、windows、orphans
9、聲音樣式屬性:
speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation