为什么要拆分样式文件?
更易于查找样式规则. 简化维护，方便管理. 还可以针对某一页面提供特定的样式.
为什么要添加桥接样式？
你可以随时添加或移除样式而不需要修改html 文档.
为什么要定义两种媒体类型？
nn4 不支持@import ，故识别不到桥接样式.
@import ‘header.css’;
@import ‘content.css’;
@import ‘footer.css’;
@imports 如何工作?
它将所有css 规则从一个文件导入到另外一个文件.@import 不能被老的
浏览器所识别.
对于 大型站点 来说，这是一个理想的概念.
hack-free css
处理诸如ie 这样烦人的浏览器 的兼容性是我们最头疼的事儿之一.
很多朋友使用css hack 来解决这些问题.
问题是当ie版本进行升级更替，改进对css的支持后，之前使用的hacks将会无效 !
你是怎么解决这个问题 的呢？
“我们要求你在不使用css hacks 的情况下更新你的页面.假如你想针对ie或者避开ie，你可以使用条件注释.”
条件注释 如何工作？
步骤一、针对ie，创建一个心得样式文件
步骤二、在html文档的开头添加条件注释 代码
只有指定的ie浏览器版本识别这个心的样式，其它的浏览器将会彻底忽略 它.
平常的浏览器识别:(非ie浏览器,如火狐、chrome等等）
特定ie 版本识别:
举个例子, 大多数浏览器会将补白加进容器的宽度里，但是ie5 不会. 这种情况下，ie5 显示的是一个比较小的容器.
main.css (被包含ie5在内的所有浏览器识别):
#container{ width: 600px; padding: 100px;}
ie5.css (只有ie5识别):
#container {width: 800px; }
为什么条件注释是一个好的解决方案呢？
1.  no hacks
特定的css 规则仅出现在新的样式表里.
2.  文件分离
针对特定版本的ie 定义的样式脱离了主样式表，可以在ie 浏览器升级更新对属性支持时轻松移除这些文件.
3.  针对性
可对不同版本的ie 浏览器有针对性的进行相关属性的定义。