IE7與web標(biāo)準(zhǔn)設(shè)計(jì)（2）

2024-07-11 08:24:54

字體：大中小

供稿：網(wǎng)友

上文：IE7的web標(biāo)準(zhǔn)設(shè)計(jì)
IE歷來被web標(biāo)準(zhǔn)的擁護(hù)者所詬病，而當(dāng)FireFox橫空出世以后，更多的網(wǎng)頁制作者開始關(guān)注web標(biāo)準(zhǔn)設(shè)計(jì)。看著FireFox的市場(chǎng)占有率不停的上升，微軟終于推出了IE7。但I(xiàn)E7是否真的能夠力挽狂瀾，是否真的能夠得到用戶的信任，是否真的能夠得到網(wǎng)頁設(shè)計(jì)者的認(rèn)可呢？
且看《IE7的web標(biāo)準(zhǔn)之道》系列文章，和你一起見證IE7的改變！
CSS選擇符
IE7最令網(wǎng)頁設(shè)計(jì)者興奮的改進(jìn)，便是支持更多、更豐富的CSS選擇符（也有翻譯為選擇器的）了。這樣通過CSS便能夠，更進(jìn)一步且方便的控制、定位前端結(jié)構(gòu)元素，從而更豐富、多樣的制定樣式。
因?yàn)橐恢辈幌矚g套用書本上的那些很“專業(yè)”、“晦澀”、“拗口”的名詞解釋。所以我的博客文章中出現(xiàn)的名詞解釋都是一種熊樣——俗、通俗（忒俗）！用非常直白甚至老土的話來解釋這些名詞，雖然看上去不專業(yè)，甚至有所偏差。但是能夠讓人一看就明白。因?yàn)槲蚁嘈诺囊稽c(diǎn)是：讓人看不明白的拽文，就是一陀文字堆成的屎！請(qǐng)?jiān)忂@句話的粗俗和無理，也請(qǐng)你原諒我下面這些名詞解釋的老土。
CSS選擇符其實(shí)大家都見過，甚至都用過。看看下面的例子，就會(huì)自然明白了。
運(yùn)行代碼框

<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>IE7的web標(biāo)準(zhǔn)之道示例頁面</title><style type="text/css">#div1{color:red;}.div2{color:blue;}</style></head><body><div id="div1">id選擇符示例</div><div class="div2">類選擇符示例</div></body></html>

[Ctrl A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]
示例中的"#"和"."就是CSS選擇符，正是因?yàn)橛羞x擇符，紅色字體和藍(lán)色字體這兩種樣式，才準(zhǔn)確的定位到了id為“div1”和class為“div2”的兩個(gè)div標(biāo)簽上。說白了，選擇符其實(shí)就是CSS為樣式找到前臺(tái)結(jié)構(gòu)元素目標(biāo)的一種機(jī)制。
選擇符有很多種，上面的示例中，利用“#”符號(hào)的稱之為“ID選擇符”，因?yàn)樗歉鶕?jù)前臺(tái)結(jié)構(gòu)元素的id定位的。利用“.”符號(hào)的稱之為“類選擇符”，因?yàn)樗歉鶕?jù)前臺(tái)結(jié)構(gòu)元素的class名定位的。其他的還有“通配選擇符”、“類型選擇符”、“包含選擇符”……更詳細(xì)的資料請(qǐng)查看這篇文章《CSS基礎(chǔ)：CSS選擇符》

上一篇：CSS教程:容器定位

下一篇：IE7與web標(biāo)準(zhǔn)設(shè)計(jì)（1）