CSS碎碎念
1、一个web页面实际上包括三个部分：结构化、表现性、动作。所以实际上html应该只负责结构化的数据（这点也可以使用XML来代替），CSS来完成表现性的战士，ECMAScript来负责页面的动作。

2、从1中的观点可以看出，实际上大部分表现性的html标签是不建议使用的，比如table等，但是为什么这些标签在html5中没有被替换掉呢？-----可能是因为想向下兼容。

3、奇怪的是iframe被取消掉了，为什么要取消这个呢？“由于该标签对网页可用性的负面影响，在 HTML 5 中 <frame> 和 <frameset> 标签没有得到支持。”--来自于官方的解释。

4、为CSS的类命名的时候，应该根据“他们是什么”来命名，而不是“他们的外观如何”来命名。

5、CSS是区分大小写的，因此建议的命名规范是，全部小写字母，单词之间使用下划线来分割。

6、微格式。--这个注意一下

7、标记!importent的css属性可以提高优先级。

8、xhtml是html的严格版本，这个版本中的标准与XML格式一样，这种格式下容易被解析。

9、子选择器、后代选择器、相邻选择器，这些不常用，多用用。

10、样式表的分块写法
    A、一般性样式 @group general styles
      A-1:主题样式、reset样式、链接、标题、其他元素。
    B、辅助性样式 @group helper style
      B-1:表单、通知、错误、一致性条目
    C、页面结构 @page structure
      C-1：页眉、页脚、布局、其他
    D、页面组件 @page component
      D-1：各个页面
    E、可以添加一些to-do、bugfix、workaround的注释。

11、相对定位只是改变了显示的位置，元素仍然占据空间。绝对定位不占据空间，但是相对于父元素来说是绝对的。浮动定位也不占据空间，但是会有卡位的情况（空间不够）。

12、清理。

13、WEB标准中规定不要讲百分比和px等单位一起使用，但是现代浏览器混合使用也没有问题。

14、特定CSS样式的实现，如圆角、投影、透明度等。---这个另起篇幅。

15、页面布局中的居中可以使用margin的水平auto方法，但是IE6中不起作用，IE6中可以使用text-align来表示。

16、将优于显示的主区域放在html的前面，这样可以一方面方便重要区域及早的跟用户见面，并且可以使用样式来控制布局。

17、固定宽度、流式布局、弹性布局。

18、设置基准字号，一般设置为10像素，默认的em为16像素，所以可以在body中设置font-size为62.5%。