CSS 世界（1）

1. 选择器

• 后代选择器：选择所有合乎规则的后代元素。空格连接。
• 相邻后代选择器：仅仅选择合乎规则的儿子元素，孙子、重孙元素忽略，因此又称“子选择器”。用 > 连接。
• 兄弟选择器：选择当前元素后面的所有合乎规则的兄弟元素。用 ~ 连接。适用 IE7 以上版本。
• 相邻兄弟选择器：仅仅选择当前元素相邻的那个合乎规则的兄弟元素。用 + 连接。适用 IE7 以上版本。

2. 火狐认为 :active 发生在 mousedown 事件之后。

3. 文字少居中对齐，文字多左对齐。CSS 代码：

.box{
    text-align: center;
}
.content{
    display: inline-block;
    text-align: left;
}

4. height: 100% 只有在设定显式的高度值或者使用绝对定位后才支持。

5. 为了提高加载性能以及节约宽带费用，首屏以下的图片就会通过滚屏加载的方式异步加载，然后，这个即将被异步加载的图片为了布局稳健、体验良好，往往会使用一张透明的图片占位。比如：

实际上，这个透明图片也是多余的资源，我们直接：

然后配合下面的 CSS 可以实现一样的效果：

img { visibility: hidden; }
img[src] { visibility: visible; }

注意，这里的 直接没有 src 属性，是直接没有，而不是 src=''，src=''在很多浏览器依然会有请求，而且请求的是当前页面数据。当图片的 src 属性缺省的时候，图片不会有任何请求，是最高效的方式。