fish_skyyyy的博客

visibility:hidden 和 display:none 的区别1、继承：display不是继承属性，而visibility是继承属性。后代元素的visibility属性若存在，则不会继承； 若不存在，则会继承父元素的visibility的值。父元素的visibility为hidden但是子元素的visibility为visble，那么子元素依旧可见，子元素visibility属性不存在则子元素不可见。而父元素display属性设为none后，子元素全部不可见。2、空间：设置displa

关于z-index的那些认知误区之前接触到z-index单纯只是用于将元素叠加在另一个元素之上，例如说做过的轮播特效，左右切换图片时的左右箭头按钮，可以采用z-index进行元素层级叠加。为了决定某个元素在 z 轴方向上的位置，CSS 允许我们为 z-index 属性设置三种值：auto（默认值）整数inherit在我们通常的认知里，z-index的整数值越大，那么它的层级就越高，“离我们就越近”。但是真的是这样吗？先看一段代码：HTML：<div class="one">

设置垂直居中的几种方法自己知道的不多，所以去网上搜了几种办法，以后了解到了还会继续补充：（1）table-cell将div的显示方式设置为表格，利用表格的vertical-align:middle属性：<div clss="wrapper"> <div class="cell"> <div>垂直居中</div> </div></div><style> .wrapper {d

让一个块级元素垂直居中的几种方法第一种：父元素display: flex+align-items: center第二种：父元素display: flex+子元素 align-self: center第三种：子绝父相+top第四种：子绝父相+子元素top、bottom为0+ margin: auto第五种：transform: translateY第六种：父元素display: table-cell+vertical-align: middle第七种：隐形div障眼法关于设置垂直居中，可能有很多人第一反应就

position的属性position一共有5个值，分别为：static，relative，absolute，fixed，sticky。static：没有定位，元素出现在正常的流中relative：相对定位，相对于元素的正常位置进行定位absolute：绝对定位，相对于 static 定位以外的第一个父元素进行定位fixed：固定定位，相对于浏览器窗口进行定位sticky：粘性定位，该定位基于用户滚动的位置...