HTML&CSS面试高频考点(二)

HTML&CSS面试高频考点(一)    ♥

6. W3C盒模型与怪异盒模型

标准盒模型(W3C标准)

怪异盒模型(IE标准)

怪异盒模型下盒子的大小=width(content + border + padding) + margin,即真实大小

*参考标准模式与兼容模式的区别,兼容模式下为怪异盒模型。

*注意box-sizing可以改变盒模型(box-sizing:border-box即为怪异盒模型)。

7. 水平垂直居中的方法 (1)定宽居中 1. absolute + 负margin

//父元素 position: relative; //子元素 position: absolute; top: 50%; left: 50%; //margin设置自身一半的距离 margin-top: -50px; margin-left: -50px;

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyzwsg.html