CSS 层级

html-css011

CSS 层级,第1张

层级 Z-index

特点:

1、有定位属性的元素谁在上面,比的是Z-index值,谁的值大,谁就在上面

2、有定位属性的元素默认层级是0,如果层级一样,则后来者居上。

3、只有 有定位属性的元素才有层级的概念

4、只有亲兄弟元素才能比较层级

例子:

比较前

比较后

比较后为什么还是y在上面吗?不是y先进行定位的吗?

其实这个跟那个元素先定位没有关系,只跟你定义元素的先后有关系,

虽然你CSS没有写定位,可是层级是默认的

把x的层级定为2之后 请看效果

CSS就是层叠样式表

CSS是Cascading Style Sheets的简称,中文称为层叠样式表。使用过程中属性和属性值用冒号隔开,以分号结尾。

本质上一种用来表现HTML或XML等文件样式的计算机语言,是可以做到网页和内容进行分离的样式语言。作用是:可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制;使页面的字体变得更漂亮,更容易编排。

使用范围:

1、在几乎所有的浏览器上都可以使用。

2、以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。

3、使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。

4、你可以轻松地控制页面的布局 。

5、你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。