前端最新面试题css篇（持续更新中）

1.css盒模型

Margin(外边距) - 清除边框外的区域，外边距是透明的。
Border(边框) - 围绕在内边距和内容外的边框。
Padding(内边距) - 清除内容周围的区域，内边距是透明的。
Content(内容) - 盒子的内容，显示文本和图像。

2.实现三栏布局的六种方式

六种布局方式：圣杯布局、双飞翼布局、Flex布局、绝对定位布局、表格布局、网格布局

转载三栏布局六种方式

3.BFC是什么，作用？

BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level
box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。

BFC作用：

1.消除Margin Collapse

2.容纳浮动元素

3.阻止文本换行

4.meta几个属性的解释

属性	值	描述
charsetNew	character_set	定义文档的字符编码
content	text	定义与 http-equiv 或 name 属性相关的元信息
http-equiv	content-type default-style refresh	把 content 属性关联到 HTTP 头部。
name	application-name author description generator keywords	把 content 属性关联到一个名称。
scheme	format/URI	HTML5不支持。 定义用于翻译 content 属性值的格式。
viewport	亿堆	适配移动端