- 选择器
- 后代选择器:选择所有合乎规则的后代元素。空格连接。
- 相邻后代选择器:仅仅选择合乎规则的儿子元素,孙子、重孙元素忽略,因此又称“子选择器”。用 > 连接。
- 兄弟选择器:选择当前元素后面的所有合乎规则的兄弟元素。用 ~ 连接。适用 IE7 以上版本。
- 相邻兄弟选择器:仅仅选择当前元素相邻的那个合乎规则的兄弟元素。用 + 连接。适用 IE7 以上版本。
-
火狐认为
:active
发生在mousedown
事件之后。 -
文字少居中对齐,文字多左对齐。CSS 代码:
.box{
text-align: center;
}
.content{
display: inline-block;
text-align: left;
}
-
height: 100%
只有在设定显式的高度值或者使用绝对定位后才支持。 -
为了提高加载性能以及节约宽带费用,首屏以下的图片就会通过滚屏加载的方式异步加载,然后,这个即将被异步加载的图片为了布局稳健、体验良好,往往会使用一张透明的图片占位。比如:
<img src="transparent.png">
实际上,这个透明图片也是多余的资源,我们直接:
<img>
然后配合下面的 CSS
可以实现一样的效果:
img { visibility: hidden; }
img[src] { visibility: visible; }
注意,这里的 <img> 直接没有 src
属性,是直接没有,而不是 src=''
,src=''
在很多浏览器依然会有请求,而且请求的是当前页面数据。当图片的 src
属性缺省的时候,图片不会有任何请求,是最高效的方式。
网友评论