千锋教育web前端高频面试题视频教程，kerwin大话前端面试秘籍（附答案）

一、display:none与visiblity：hidden的区别

联系：隐藏元素

区别：display会让元素从渲染树上消失，不占空间，visiblity不会让元素从渲染树上消失，占据空间，只是内容消失

二、z-index

设置元素的堆叠顺序，拥有更高堆叠顺序的元素会在堆叠顺序较低的元素前面，当脱离文档流内容较多时，且相互重叠时，就可能发生本想完全显示的内容被其他内容所遮挡的结果，这时就需要人为指定那个层在上面。z-index只在定位元素上奏效。

三、box-sizing

box-sizing：content-box 盒子的尺寸仅包括内容的宽度和高度，不包括内边距和边框。也就是说，设置了宽度或高度的盒子，实际显示的宽度或高度将会增加内边距和边框的值。

box-sizing：border-box 盒子的尺寸包括了内容、内边距和边框的宽度和高度。也就是说，设置了宽度或高度的盒子，其实际显示的宽度或高度不会再增加内边距和边框的值。