CSS繼承性之深入剖析(2)_CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
在CSS中,繼續(xù)是一種非常自然的行為,我們甚至不需要考慮是否能夠這樣去做,但是繼續(xù)也有其局限性。
首先,有些屬性是不能繼續(xù)的。這沒(méi)有任何原因,只是因?yàn)樗褪沁@么設(shè)置的,標(biāo)準(zhǔn)就是如此。舉個(gè)例子來(lái)說(shuō):border屬性,大家都明白border屬性的作用是設(shè)置元素的邊框的,它就沒(méi)有繼續(xù)性。假如繼續(xù)了邊框?qū)傩�,那么文檔看起來(lái)就會(huì)很希奇。例如我們定義容器div的邊框?yàn)?px,而在此容器內(nèi)的ul li在正常情況下我們都不希望它有邊框,假如border有繼續(xù)性,我們就要再去掉它們的邊框。這樣顯然是不合理的。
多數(shù)邊框類(lèi)的屬性,如:Border(邊框)、Padding(補(bǔ)白)、Margin(邊界)、背景等等,都是沒(méi)有繼續(xù)性的。
在某些時(shí)候繼續(xù)也會(huì)帶來(lái)一些錯(cuò)誤,比如說(shuō)下面這條CSS定義:
Body{color:blue}
這是定義了Body中的文本顏色為藍(lán)色。假如Body中含有表格,在有些瀏覽器中這句定義會(huì)使除表格之外的文本變成藍(lán)色,而表格內(nèi)部的文本顏色并不是藍(lán)色。從技術(shù)上來(lái)說(shuō),這是不正確的,但是它確實(shí)存在。所以我們經(jīng)常需要借助于某些技巧,比如將CSS定義成這樣:
Body,table,th,td{color:blue}
這樣表格內(nèi)的文字也會(huì)變成藍(lán)色了。
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
- WEB標(biāo)準(zhǔn),Web前端工程師定位淺談
- 關(guān)于CSS的一些基礎(chǔ)應(yīng)用
- 實(shí)用CSS教程:從基礎(chǔ)開(kāi)始(二)
- CSS實(shí)現(xiàn)網(wǎng)頁(yè)中的隔行換色代碼
- 符合web標(biāo)準(zhǔn)的嵌入Flash的方法
- css教程:CSS邊框border屬性的應(yīng)用
- 總結(jié)新手學(xué)CSS容易出現(xiàn)錯(cuò)誤的內(nèi)容
- 學(xué)習(xí)CSS布局網(wǎng)頁(yè)的一些實(shí)例
- CSS初級(jí)教程綜合應(yīng)用
- CSS文摘:CSS中Float(浮動(dòng))相關(guān)文摘
猜你也喜歡看這些
- 添加和刪除HTML節(jié)點(diǎn)的簡(jiǎn)單示例
- HTML中br元素及nobr元素的實(shí)際應(yīng)用
- HTML表格標(biāo)記教程(15):表格的標(biāo)題
- 清除網(wǎng)頁(yè)文字水印的兩種簡(jiǎn)單方法
- HTML表格標(biāo)記教程(18):表格的表頭
- 網(wǎng)頁(yè)制作中注意應(yīng)用HTML標(biāo)簽的問(wèn)題
- HTML表格標(biāo)記教程(24):行的水平對(duì)齊屬性ALIGN
- 淺說(shuō)XHTML中CDATA
- HTML網(wǎng)頁(yè)超鏈接標(biāo)記
- 超鏈接圖標(biāo)規(guī)范:提升文章的可閱讀性
- 相關(guān)鏈接:
- 教程說(shuō)明:
CSS教程-CSS繼承性之深入剖析(2)
。