乌鸫科技前端面试题及详细答案（真实面试版）.docxVIP

乌鸫科技前端面试题及详细答案（真实面试版）

一、HTML/CSS基础（5题）

1.行内元素、块级元素、空元素的区别，日常常用有哪些？

参考答案：

块级元素默认独占一行，宽高、内外边距都可以自由设置，默认宽度撑满父容器。常用的有div、p、h1-h6、ul、li、dl、blockquote。

行内元素不会独占行，横向排列，只能设置左右内外边距，上下不生效，宽高靠内容撑开。常用的有span、a、em、strong、label。

行内块元素结合两者特点，横向排列且可以设置宽高，比如img、input、button。

空元素就是没有闭合标签、无法嵌套内容的元素，日常常用br、hr、meta、link、input、img。

2.CSS盒模型是什么？标准盒模型和怪异盒模型的区别？怎么切换？

参考答案：

盒模型是CSS控制元素布局的核心，由内容区content、内边距padding、边框border、外边距margin四部分组成。

标准盒模型（W3C）：元素设置的width/height只对应content区域，元素实际占位宽高=width+padding+border+margin。

怪异盒模型（IE盒模型）：元素设置的width/height包含content+padding+border，实际占位宽高=设置的width+margin，不会因为pad