重定义

重定义是用来覆盖

HTML 默认的标签样式，把它们进行重定义的方法。你是否见过这样的 CSS 代码，它只是想把

那个特定的元素加上样式！

CSS 中一个非常美丽的用法是上下文选择器，让我们使用它：

命名规则

一个很关键的因素将元素给出精确无误并且干净有效的名字，这将避免混乱并让你更容易快捷地读懂你的

CSS。

速写

CSS 中的速写功能是你可以将许多同类型的属性合并成一个的属性。

CSS 速写使开发过程更简单并且让你的 CSS 文件干净、简短、可读，下面是几个例子：

Sprites

（译者注：翻译成精灵好像并不能对文章加深感性认识，反倒在真正看到英文的时候不理解了，所以干脆不
译。）

将所有的背景图片合并到一张并且使用背景定位来显示不同的部分，这就是我们所说的

CSS Sprites。

CSS Sprites 能够减少 HTTP 请求的数量，节省带宽，使得读取更快。同时也可以避免图像不稳定现象（比如当
鼠标经过一张图片时可以显示另一张图片的效果，后一张图片将在慢速的因特网连接中等待半天才会出现）。

CSS Sprites 最佳并且最受欢迎的例子是苹果公司网站上的菜单系统：

微软在

IE8 提供三种解析页面的模式

IE8 Standard Modes ：默认的最标准的模式，严格按照 W3C 相关规定

IE7 Standards Modes ：IE7 现在用的解析网页的模式，开起机关是在<head>

中加入

<meta http-

equiv="X-UA-Compatible" content="IE=7">

Quirks Modes ：IE5 用的解析网页的模式，开起机关是删除 HTML 顶部的 DOCTYPE 声明

注意：不同模式间的网页在

IE8

中可以互相

frame ，因此因不会模式下的 DOM 和 CSS 渲染不一样，所以会引发

很多问题，务必注意如果你的页面对

IE7 兼容没有问题，又不想大量修改现有代码，同时又能在 IE8 中正常使用，

微软声称，开发商仅需要在目前兼容

IE7 的网站上添加一行代码即可解决问题，此代码如下：

示例代码

[www.mb5u.com]

IE8 最新 css hack：

"\9"　例:"margin:0px auto\9;".这里的"\9"可以区别所有 IE 和 FireFox.

"*"　IE6、IE7 可以识别.IE8、FireFox 不能.

"_"　IE6 可以识别"_",IE7、IE8、FireFox 不能.