1. !important、用户>作者、最后是浏览器/用户代理

1. 假设是inline style，a=1
2. b=ID选择器（#id）的个数
3. c=类、伪类、属性选择器的个数
4. d=类型、伪元素选择器的个数

1. 元素嵌套包括、空元素都会发生叠加
2. only for 普通文档流的block框。inline、float、position:absolute的不会叠加

1. => inline-block

1. 相对于距离它近期的祖先元素定位（由此能够看出CSS是先定位祖先元素。后子孙元素的？）

1. 假设包括块（containing block？）无法水平容纳下全部元素，其它float元素将下移
2. 文本元素会受float的影响，造成类似于WORD‘文字围绕’的效果
   1. 要阻止之。对这些文本行clear float。
   2. 可使用一个空元素clear:both，使得父容器包括浮动元素。

      （也能够直接float容器。但这会影响下一个元素）

      1. .clearFloat:after { content:"."; height:0; visibility:hidden; display:block; clear:both; }
         1. IE 6-中的‘Holly hack’

1. 9切分的border-image: url(user-corner.gif) 25% 25% 25% 25% / 25px round round;

1. FIR：文本的display:none造成不适合屏幕阅读器
2. Phark：使用text-indent:-5000px; 对于关闭图象但打开CSS的情况无效
3. sIFR（JS+Flash）

。

。）酷！

。

1. fieldset：分块标题（Group Panel/Box）
2. label的2种使用方式：嵌套包括input；使用for属性关联input（id）

1. IE 6-不支持margin:auto; 幸运的是，IE把text-align:center;误解为让全部东西居中，而不不过文本（。。。）
2. p159 在符合标准的浏览器中，假设元素的内容太大。它只会超出box之外。可是，IE会扩展整个元素（。

   。

   。

   -_-）

3. 3列布局：分解为2个嵌套的两列布局？？？
4. p164 流式布局：+ min-width！

   （哈哈。我认为能够出一个在线的CSS考试系统了，题目就是精确到px的布局，要JS进行检验效果对不正确。

   。。

   哈）

5. p166 弹性布局：相对于字号（em单位）布局（对支持页面缩放的浏览器而言没有必要）
   1. body{font-size:62.5%;} 仅仅以em为单位设置容器的宽度。内部宽度仍然使用%
6. p170 faux列（略）

1. IE的‘拥有布局’（hasLayout）
   1. 设置下面属性会使元素拥有布局：float、display:inline-block;、width/height、zoom、writing-mode:tb-rl;

      IE7中添加了：overflow、min-width:不论什么值、max-width:除none外不论什么值

   2. 比如：IE中文本段落拥有布局。不会出现围绕float元素的效果
   3. 又如：IE 6-中，拥有布局的元素会错误地扩展以适应内容尺寸 ...
2. hack和过滤器（略）
3. IE 6-上的常见bug：
   1. 不论什么浮动元素的margin加倍？？？改为display:inline;
   2. 3px文本偏移
   3. 一系列浮动元素的最后元素的最后几个字符反复：删除凝视（。

      。

      。！）

   4. *IE6的‘peek-a-boo’bug
   5. *相对容器中的绝对定位（o, i c，shit）：.rel-container{height:1%;}

1. Roma Italia
   1. Cufon？用所选的字体显示html。不须要不论什么图象或@font-face（？？？）：所选字体的EULA必须同意在Web上进行字体嵌入
2. Climb the Mountains
   1.  :first-child
   2. 组合class