css 的图层排序 |css 字加下划线

一个元素被看作一个矩形盒子，它有自己的高度、宽度、边距和填充。CSS中的图层排序指的是如何将这些盒子按照它们在HTML中出现的顺序进行优先级排序。
在CSS中，盒子有两种类型：块级元素和行内元素。块级元素在其前后创建新行，而行内元素则不会。此外，块级元素的默认宽度是100%，而行内元素的宽度则由内容决定。
要实现图层排序，大家需要使用z-index属性。这个属性可以将元素按照它们的z轴顺序进行排序。z轴是指屏幕从前向后的方向。z-index值较大的元素会覆盖z-index值较小的元素。
例如，以下代码将会创建两个盒子，其中第一个盒子会被第二个盒子覆盖：
<div>这是第一个盒子</div>
<div>这是第二个盒子</div>
在这个例子中，第二个盒子的z-index为2，因此它会被放置在第一个盒子的上面。
在CSS中，如果没有设置z-index，那么元素的默认z-index是0。如果在一个元素上同时设置position属性和z-index属性，那么该元素的默认z-index就会变成1。
除此之外，大家还可以使用负数的z-index值。这种情况下，元素会被放置在父容器的后面。
<div>
<div></div>
</div>
在这个例子中，黄色盒子的z-index为-1，因此它会被放置在红色盒子的后面。
以上就是CSS中的图层排序的相关内容，大家可以通过z-index属性来决定元素在网页中的位置和显示顺序。