CSS如何為同一個(gè)元素處理多種規(guī)則解析_Web標(biāo)準(zhǔn)教程
理解和應(yīng)用層疊樣式表的一個(gè)重要細(xì)節(jié)是它的名字中的層疊方面。也就是說,它是如何為同一個(gè)元素處理多種規(guī)則的?本周,我將詳細(xì)的介紹CSS這方面的特性,并舉例說明。
優(yōu)先性
CSS屬性比HTML屬性有更大的優(yōu)先權(quán)。你可以在沒有CSS支持的瀏覽器中使用HTML屬性,但是在瀏覽器中添加CSS支持也不會(huì)有什么影響。在使用CSS時(shí),深刻理解一個(gè)CSS規(guī)則的來源是很重要的。
來源
當(dāng)考慮CSS規(guī)則的應(yīng)用時(shí),通常有兩個(gè)方面。第一個(gè)是讀者,也就是對(duì)應(yīng)于通過他們喜歡的瀏覽器查看web應(yīng)用的用戶。第二個(gè)方面是作者,也就是開發(fā)了web應(yīng)用的實(shí)際web 開發(fā)人員。
讀者的參數(shù)選擇有用戶來處理,也就是,他們可以開發(fā)自己的樣式表,然后同過瀏覽器設(shè)置分配它們。例如,因特網(wǎng)瀏覽器IE 6用戶可以通過工具 | Internet選項(xiàng) | 訪問菜單來指定一個(gè)用戶樣式表,這樣他們就可以使用自己的樣式表。Web開發(fā)人員通過開發(fā)自己的CSS來指定規(guī)則并在網(wǎng)頁中應(yīng)用。同時(shí),瀏覽器也常有內(nèi)置的規(guī)則。
層疊
縮寫詞CSS中的層疊方面指的是不同來源的規(guī)則間合并與覆蓋過程。當(dāng)同時(shí)使用多個(gè)樣式表時(shí),每個(gè)樣式表定義的選擇器之間會(huì)相互爭(zhēng)奪控制。下面列表指名了順序,這樣就解決了樣式表選擇器之間的沖突,其中第一項(xiàng)是最重要的。
重要性:選擇器是否被指定為重要?
規(guī)則來源:規(guī)則在那里定義的?
特性:規(guī)則的特性是什么?
順序:最后定義的是什么?
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- 修飾之美:CSS在表格邊框上的美學(xué)應(yīng)用
- dipslay的值block,inline,none,list-item分別表示什么?
- 建立Web標(biāo)準(zhǔn)的原因及其意義
- CSS如何為同一個(gè)元素處理多種規(guī)則解析
- Web標(biāo)準(zhǔn)建站常見錯(cuò)誤和校驗(yàn)方法
- 一些關(guān)于web標(biāo)準(zhǔn)的思考
- 正確使用H1~ H6標(biāo)簽
- 網(wǎng)頁設(shè)計(jì)中HTML常范的五個(gè)錯(cuò)誤
- WEB前端:關(guān)于項(xiàng)目管理的思考
- WEB2.0標(biāo)準(zhǔn)教程:第十一天 不用表格的菜單
猜你也喜歡看這些
- 如何讓IE ff Opera同時(shí)支持Alpha透明?
- CSS調(diào)試工具M(jìn)ultipleIE-IE5IE6IE7多版本共存
- CSS兼容方案最新的一些技巧
- CSS布局實(shí)例:上中下三行,中間自適應(yīng)
- XHTML1.0、XHTML Basic、XHTML1.1及XHTML2.0區(qū)別
- text-overflow:ellipsis非IE的瀏覽器的另類應(yīng)用!
- 關(guān)于DIVCSS浮動(dòng)float的兼容
- 解決IE6.0、IE5.0、IE5.5差異
- CSS初學(xué)者技巧:談CSS的標(biāo)準(zhǔn)和最佳示例
- 動(dòng)態(tài)加載外部css或js文件
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-CSS如何為同一個(gè)元素處理多種規(guī)則解析。