IE7與web標準設計（2）

2024-07-11 08:43:06

字體：大中小

來源：轉載

供稿：網友

上文：IE7的web標準設計
IE歷來被web標準的擁護者所詬病，而當FireFox橫空出世以后，更多的網頁制作者開始關注web標準設計。看著FireFox的市場占有率不停的上升，微軟終于推出了IE7。但IE7是否真的能夠力挽狂瀾，是否真的能夠得到用戶的信任，是否真的能夠得到網頁設計者的認可呢？
且看《IE7的web標準之道》系列文章，和你一起見證IE7的改變！
CSS選擇符
IE7最令網頁設計者興奮的改進，便是支持更多、更豐富的CSS選擇符（也有翻譯為選擇器的）了。這樣通過CSS便能夠，更進一步且方便的控制、定位前端結構元素，從而更豐富、多樣的制定樣式。
因為一直不喜歡套用書本上的那些很“專業”、“晦澀”、“拗口”的名詞解釋。所以我的博客文章中出現的名詞解釋都是一種熊樣——俗、通俗（忒俗）！用非常直白甚至老土的話來解釋這些名詞，雖然看上去不專業，甚至有所偏差。但是能夠讓人一看就明白。因為我相信的一點是：讓人看不明白的拽文，就是一陀文字堆成的屎！請原諒這句話的粗俗和無理，也請你原諒我下面這些名詞解釋的老土。
CSS選擇符其實大家都見過，甚至都用過。看看下面的例子，就會自然明白了。
運行代碼框

<!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標準之道示例頁面</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 全部選擇提示：你可先修改部分代碼，再按運行]
示例中的"#"和"."就是CSS選擇符，正是因為有選擇符，紅色字體和藍色字體這兩種樣式，才準確的定位到了id為“div1”和class為“div2”的兩個div標簽上。說白了，選擇符其實就是CSS為樣式找到前臺結構元素目標的一種機制。
選擇符有很多種，上面的示例中，利用“#”符號的稱之為“ID選擇符”，因為它是根據前臺結構元素的id定位的。利用“.”符號的稱之為“類選擇符”，因為它是根據前臺結構元素的class名定位的。其他的還有“通配選擇符”、“類型選擇符”、“包含選擇符”……更詳細的資料請查看這篇文章《CSS基礎：CSS選擇符》
更多高級選擇符
IE7與IE6相比，支持了更多的選擇符，正是因為支持了這些豐富的選擇符，所以使得IE7可以更方便的實現一些，以前在IE6很難實現或者無法實現的效果。下面就讓我們看看這些令人興奮的、IE7新支持的選擇符。

上一頁12 3 4 5 6 下一頁閱讀全文

上一篇：IE7與web標準設計（1）

下一篇：網頁文字應用CSS的一些技巧