CSS繼承性之深入剖析(1)_CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
CSS的繼續(xù)是指被包在內(nèi)部的標(biāo)簽將擁有外部標(biāo)簽的樣式性質(zhì)。繼續(xù)特性最典型的應(yīng)用通常發(fā)揮在整個(gè)網(wǎng)頁(yè)的樣式預(yù)設(shè),即整體布局聲明。而需要要指定為其它樣式的部份設(shè)定在個(gè)別元素里即可達(dá)到效果。這項(xiàng)特性可以給網(wǎng)頁(yè)設(shè)計(jì)者提供更理想的發(fā)揮空間。但同時(shí)繼續(xù)也有很多規(guī)則,應(yīng)用的時(shí)候輕易讓人迷惑。
CSS答應(yīng)我們?yōu)槲臋n設(shè)置更為豐富且便于修改的外觀。我們現(xiàn)在主要想和朋友們一起對(duì)CSS的繼續(xù)性進(jìn)行一點(diǎn)深入的探討。
CSS的一個(gè)主要特征就是繼續(xù),它是依靠于祖先—后代的關(guān)系的。繼續(xù)是一種機(jī)制,它答應(yīng)樣式不僅可以應(yīng)用于某個(gè)特定的元素,還可以應(yīng)用于它的后代。例如一個(gè)BODY定義了的顏色值也會(huì)應(yīng)用到段落的文本中。下面舉例說(shuō)明:
示例代碼 [hl5o.cn]
樣式定義:body{color:blue;}
應(yīng)用舉例代碼:<p>CSS<strong>繼續(xù)性</strong>之深入剖析 - mb5u.com</p>
應(yīng)用舉例代碼:<p>CSS<strong>繼續(xù)性</strong>之深入剖析 - mb5u.com</p>
看下面的這個(gè)例子:
代碼調(diào)試框 [hl5o.cn]
[ 可先修改部分代碼 再運(yùn)行查看效果 ]
運(yùn)行上面的代碼,我們看到的結(jié)果是:“CSS繼續(xù)性之深入剖析”這段話是藍(lán)色。“繼續(xù)性”由于應(yīng)用了strong元素,所以是粗體。這很符合作者的意圖,也是為什么CSS繼續(xù)了一部分的原因。
在實(shí)際工作中,我們編寫(xiě)代碼,往往在CSS文檔的最前部,首先定義:
示例代碼 [hl5o.cn]
*{margin: 0; padding: 0; border: 0;}
這些代碼的真正用意在于,在缺省定義的情況下,所有無(wú)素的margin、padding、border的值都為零。當(dāng)需要應(yīng)用不同的樣式的時(shí)候,再單獨(dú)的對(duì)某元素進(jìn)行定義即可。也就是整個(gè)網(wǎng)頁(yè)的樣式預(yù)設(shè)、整體布局聲明。而需要指定為其它樣式的部份設(shè)定在個(gè)別元素里即可達(dá)到效果。
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
- HTML默認(rèn)樣式表CSS屬性匯總
- CSS網(wǎng)頁(yè)布局中IE與FF兼容問(wèn)題的小整理
- HTML與CSS入門(mén)經(jīng)典OliverD.MorrisonM.第7版上架
- 由淺入深實(shí)踐學(xué)習(xí) Web 標(biāo)準(zhǔn)
- 淺析CSS clip屬性
- CSS教程,讓網(wǎng)頁(yè)對(duì)搜索引擎更友好
- CSS初級(jí)教程選擇符屬性和值
- CSS樣式表設(shè)計(jì)之10條技巧
- xhtml css網(wǎng)頁(yè)布局是否要注意CSS書(shū)寫(xiě)順序?
- 實(shí)用CSS教程:從基礎(chǔ)開(kāi)始(二)
猜你也喜歡看這些
- W3C公布最新的HTML5標(biāo)準(zhǔn)草案
- HTML表格標(biāo)記教程(36):表頭的背景色屬性BGCOLOR
- HTML5 is now also hosted by the W3C
- XHTML入門(mén)學(xué)習(xí)教程:表單標(biāo)簽
- HTML5ElementsandAttributes-HTML5元素和屬性
- HTML頁(yè)面中標(biāo)簽的語(yǔ)義與使用位置
- 網(wǎng)頁(yè)設(shè)計(jì)關(guān)于表單輸入框的技巧代碼
- HTML高級(jí)教程文本
- HTML初級(jí)教程title文檔標(biāo)題
- HTML網(wǎng)頁(yè)超鏈接標(biāo)記
- 相關(guān)鏈接:
- 教程說(shuō)明:
CSS教程-CSS繼承性之深入剖析(1)
。