美文网首页
CSS 世界(1)

CSS 世界(1)

作者: 时间小鱼 | 来源:发表于2018-06-25 13:23 被阅读0次
  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 属性缺省的时候,图片不会有任何请求,是最高效的方式。

相关文章

  • CSS 世界(1)

    选择器 后代选择器:选择所有合乎规则的后代元素。空格连接。 相邻后代选择器:仅仅选择合乎规则的儿子元素,孙子、重孙...

  • CSS

    一、概论 1. CSS:层叠样式表(Cascading Style Sheets) CSS2.1 目前是世界上支持...

  • 前端书单

    HTML 《Head First HTML与CSS》 CSS 《CSS揭秘》《CSS世界》 JS 《JavaScr...

  • CSS入门

    1 .css简介 css2.1是目前世界上应用最广泛的版本,2011年开始css被分为多个模块单独升级,统称为CS...

  • 2018-03-09 CSS

    1. CSS简介 css2.1是目前世界上应用最广泛的版本,2011年开始css被分为多个模块单独升级,统称为CS...

  • 网页编程day-39:CSS

    一、引入CSS样式与CSS选择器 1.css入门: (1)什么CSS? 1)CSS 指层叠样式表 (Cascadi...

  • CSS选择器的ie浏览器兼容性

    1.CSS1 2.CSS2 3.CSS3

  • 《css世界》的那些实用技巧

    下面所有的内容都来至张鑫旭所著的《css世界》。 《css世界》这是一本专门写css的书,书中并没有涉及css3的...

  • CSS学习笔记(1)

    CSS版本 CSS Level1 CSS Level 2(CSS 2.1规范) CSS Level 3 CSS规则...

  • 前端推荐书单

    CSS css世界 css揭秘 JavaScript JavaScript高级程序设计 你不知道的JavaScri...

网友评论

      本文标题:CSS 世界(1)

      本文链接:https://www.haomeiwen.com/subject/pqcyyftx.html