特点：
1、有定位属性的元素谁在上面，比的是Z-index值，谁的值大，谁就在上面
2、有定位属性的元素默认层级是0，如果层级一样，则后来者居上。
3、只有 有定位属性的元素才有层级的概念
4、只有亲兄弟元素才能比较层级
例子：
比较前
比较后
比较后为什么还是y在上面吗？不是y先进行定位的吗？
其实这个跟那个元素先定位没有关系，只跟你定义元素的先后有关系，
虽然你CSS没有写定位，可是层级是默认的
把x的层级定为2之后 请看效果
css是层叠样式表。
层叠样式表，(英文全称：Cascading Style Sheets)，是一种用来表现HTML（标准通用标记语言的一个应用），或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时，以html为后缀名进行保存即可。
CSS，不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
工作原理：
CSS是一种定义样式结构，如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。具体地说，CSS样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式，从而实现级联效果。
以上内容参考：百度百科-CSS
