css完结篇

1.如何让一个绝对定位的盒子居中

  left:50%;

  margin-left:-宽度的一半;

2.固定定位

  position:fixed;

  1.脱标

  参考点:浏览器左上角

  作用:固定导航栏,返回顶部,小广告

3.z-index的使用

  1.z-index值表示谁压着谁,数值大的压盖数值小的

  2.只有定位了的元素,才能设置z-index值,相对定位,绝对定位,固定定位都可以使用z-index,二浮动元素不能使用zindex

  3.z-index值没有单位,是一个正整数,默认的z-index值为0,如果都没有设置z-index值,或者z-index的值一样,那么谁写在html后面,谁在上面压着别人,定位的元素永远压着没有定位的元素。

  4.从父现象(如果父盒子的z-index值小于另一个父盒子的z-index值,那么就算这个盒子的z-index值大于另一个子盒子的z-index值,它也会被压在下面)

猜你喜欢

转载自www.cnblogs.com/qq849784670/p/9687115.html