IE7与web标准设计（2）

ttx9n · 发表于 2008-10-17 19:25:18

上文：IE7的web标准设计 IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者
上文：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 下一页阅读全文

5cf304mn2 · 发表于 2022-8-8 12:40:29

1312315458748777

0y3yp · 发表于 2022-11-24 08:53:11

我要金豆金豆金豆

.l4 · 发表于 2023-1-28 13:35:12

为全额万千瓦

溪谷玉贤 · 发表于 2023-4-20 08:11:55

谢谢分享，先下来用用

fzyzy · 发表于 2023-6-16 22:45:17

554411515451555

0y3yp · 发表于 2023-10-18 11:06:36

哈哈哈哈哈哈

5vulod · 发表于 2023-11-5 14:46:58

看到这帖子真是高兴！

95nd4ba · 发表于 2023-12-6 21:36:55

收下来看看怎么样

Alisaliu · 发表于 2024-6-18 17:43:06

儿飞飞微风DVD谁vdsvd

账号		自动登录	找回密码
密码			立即注册

[CSS] IE7与web标准设计（2）

浏览过的版块