前端面试题库及详细答案.docx

前端面试题库及详细答案

一、HTML/CSS基础

1.说说你对盒模型的理解，标准盒模型和怪异盒模型的区别？

答案：盒模型是CSS布局的基础，每个元素都可以看作一个盒子，包含内容区（content）、内边距（padding）、边框（border）和外边距（margin）四个部分。

标准盒模型（W3C盒模型）：元素的width和height仅包含内容区（content）的宽度和高度，padding和border会额外增加元素的总宽度和高度。比如设置width:100px，加上padding:10px和border:5px后，元素实际占据的宽度是100+10*2+5*2=13