前端基础知识面试

1.盒模型：

html元素，分为块级元素 block 和 行内元素 inline。块级元素 默认会另起一行，其中包含块级元素和行内元素。而行内元素并不会另外起一行，只占据该标签元素所在的边框所包含的空间。

2.盒模型:是指在html 元素可以描述为一个矩形盒子，该矩形盒子占据的空间可以通过一个模型来描述，这个模型可以称为盒模型。

包括 外边框 margin ,边框 border ,内边框:padding ,内容区域:content.

行内元素也有盒模型，可以对于非替换元素：a，span 标签，对于margin-left 和margin-right 有效果，以及border ,padding 可以设置，但是在 border-top 和padding-top 只能设置到该标签顶部位置。  对于替换元素：input ,img，设置属性：margin, border,padding，都有效果。

2. flex  布局

https://www.jianshu.com/p/4fd94ec81a98

rem ：设置使用。

<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />