再读《CSS权威指南》
时隔一年半再次把《CSS 权威指南》读了一遍，受益匪浅，温故而知新！
读书笔记：CSS-Definitive-Guide.doc
收获：
一、Reset CSS 的重要性
前端开发者经常容易被浏览器默认样式的差异搞晕，于是 Reset CSS 出现了，而风靡一时的 *{margin:0;padding:0;} 杀伤力太大无法满足需求。
目前常用的 Reset CSS 有四份：
- YUI CSS Reset。
- Eric Meyer 的 Reset CSS。
- Shawphy CSS Reset。
- KISSY CSS Reset。
对于 Reset CSS 希望大家能够选取适合自己的一份，进行修改后再使用，直接复制一份不是明智之举。
相关文章：Reset CSS 研究（八卦篇） Reset CSS 研究（技术篇） Dawn CSS Reset
二、字体的重要性
文字目前仍然是 WEB 中的主要信息载体，因此文字的表现形式是十分重要的，以下是我所常用的 font 设置：
font: 12px/1.5 Arial, "\5b8b\4f53", sans-serif;
- px：现在的大部分浏览器都支持Full Page Zoom，因此可以 放弃使用 em。
- 1.5 而非 150%：行高 1.5 倍比较适合阅读；使用 1.5 并没使用 150% 是因为 1.5 形式是行高的“缩放因子”，能够避免文字串行。
- font set：很多人都喜欢用 Tahoma，Tohama 是英文 Windows 操作系统的默认字体，显示中英文混排很好。 但是经过测试 Tohama 和 Arial 在小字体下差距并不大，而且 Tahoma 在 IE6 中 13px 会显示成 14px。
- “\5b8b\4f53”：这是 "宋体"的 unicode 编码，防止中文乱码，同样“微软雅黑”的 unicode 编码就是“\5FAE\8F6F\96C5\9ED1”。
相关文章：不给 line-height 加单位要成为一种习惯 网页设计中的默认字体 是时候不用考虑基于字体大小（em）的设计了 谈谈网页设计中的字体应用 (1-4) Font Set
三、连接
- HTML 语言之所以被称作超文本标记语言，就和超链接密不可分，优秀的 <a> 会增加用户停留的时间。
- 超链接字体颜色要明显区别于普通文本。
- title 属性尽量指定，有时由于连接文字过长，要进行截断，如果能够在 title 中显示完整的链接文本是一件很友好的事情。
- 连接默认无下划线，:hover 时添加下划线。
对于连接的处理，有一篇更好的文章：连接，怎么办？
四、CSS 中不要使用 @import
@import 和 <link> 是常用的两种引入 CSS 文件的方式，但是这两种方式却有差比别，具体原因如下：
- 使用 @import 会增加页面的总体加载时间。
- IE 中使用 @import 会改变文件的加载顺序。这可能会增加 CSS 文件的加载时间，阻碍页面渲染。
相关文章：don’t use @import 中文翻译
五、不要使用 CSS 表达式
- CSS 表达式只有 IE 支持。
- 表达式的计算频率非常高，因此会占用很多内存。(备注：此问题可以解决...)
相关文章 ：Avoid CSS Expressions
六、避免使用 filter
在 IE 中使用 filter 改变元素的透明度，浏览器占用的内存会增加 5M 左右。为了避免这个问题最好使用透明图片替代。
当然，如果要用 JavaScript 写动画这个问题就无法避免了。
七、Bug & Hack
对于前端来讲，Hack 是一种态度! 永远 不要讨厌 Bug，学习和研究 Bug 并不是为了应用 Bug，而是避免 Bug。
八、充分理解浮动
在 CSS 中存在三个流，即普通文档流、浮动流、定位流(Position，自己起的名字 ^o^)，这三个流控制着整个页面的布局。
关于浮动的一些琐碎笔记：CSS- Float.doc
九、学习资源
国内资源：
国外资源：
- Eric Meyer：HTML、CSS 和 Web 标准领域国际公认专家。
- css-discuss.org：一个优秀 CSS 邮件列表网站。
- Position Is Everything：专门研究 CSS 布局兼容性与 Bug 问题的网站。
- Estelle Weyl：一名女前端工程师，CSS 属性支持一览表 、CSS 选择器一览表。
- ......
The End