• Z-index属性

    发布日期:2020-11-06

    Z-index属性决定了一个HTML元素的层叠级别。元素层叠级别是相对于元素在Z轴上(与X轴Y轴相对照)的位置而言。一个更高的Z-index值意味着这个元素在叠层顺序中会更靠近顶部。这个层叠顺序沿着垂直的线轴被呈现。 自然的层叠顺序 在一个HTML页面中,自...

  • 什么是BFC

    发布日期:2020-11-04

    在一个Web页面的CSS渲染中,块级格式化上下文 (Block Fromatting Context)是按照块级盒子布局的。 W3C对BFC的定义如下: 浮动元素和绝对定位元素,非块级盒子的块级容器(例如 inline-blocks, table-cells, 和 table-captions),以及overflo...

  • css居中布局,不同的布局用来对应不同的场景

    发布日期:2020-10-29

    1.Grid 先在父元素上设置grid布局  display: grid; grid: var(--居中); 指定子元素在中心位置  grid-area: 中; 给子元素设置宽高, width: 150px; height: 150px; 2.绝对定位实现 先在父元...

  • 什么是重绘和重排,它们的区别是什么?

    发布日期:2020-10-26

    重绘:当页面元素样式的改变不影响布局时,浏览器重新对元素进行更新的过程叫做重绘。 重排:当页面元素的尺寸、结构、或某些属性发生改变时,浏览器重新渲染部分或全部文档的过程叫做重排也叫做回流。 一个页面由两部分组成: DOM:描...

  • 分享:相对定位和绝对定位

    发布日期:2012-11-19

    定位标签:position包含属性:absolute(绝对)               relative(相对) 1.position:absolute; 表示绝对定位,位置将依据浏览器左上角开始计算。 绝对定位使元素脱离文...

  • 如何使用相对定位和绝对定位

    发布日期:2012-11-09

    css标签:position标签属性:relative(相对)               absolute(绝对) 1.父容器使用相对定位,子元素使用绝对定位后,这样子元素的位置不再相对于浏览器左上角,而是相对于父...

  • 分享:CCS中Float的实质

    发布日期:2012-11-08

          当一个元素被设定为float后,那么它似乎不再属于这一行,也就是说,下一个元素可以跳到这一行来显示,但第一个元素无论如何总要占据一定的空间(当然还是在这一行),如果float:left,那么就意味着它将漂浮在这一行的最左...