CSS 世界(1)

  1. 选择器
  • 后代选择器:选择所有合乎规则的后代元素。空格连接。
  • 相邻后代选择器:仅仅选择合乎规则的儿子元素,孙子、重孙元素忽略,因此又称“子选择器”。用 > 连接。
  • 兄弟选择器:选择当前元素后面的所有合乎规则的兄弟元素。用 ~ 连接。适用 IE7 以上版本。
  • 相邻兄弟选择器:仅仅选择当前元素相邻的那个合乎规则的兄弟元素。用 + 连接。适用 IE7 以上版本。
  1. 火狐认为 :active 发生在 mousedown 事件之后。

  2. 文字少居中对齐,文字多左对齐。CSS 代码:

.box{
    text-align: center;
}
.content{
    display: inline-block;
    text-align: left;
}
  1. height: 100% 只有在设定显式的高度值或者使用绝对定位后才支持。

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

<img src="transparent.png">

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

<img>

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容