问题：盒模型是什么？

解析：当对?个?档进?布局（lay out）的时候，浏览器的渲染引擎会根据标准之?的 CSS 基础框架模型（CSS basic box model），将所有元素表示为?个个矩形的盒?（box）。CSS 决定这些盒?的??、位置以及属性（例如颜?、背景、边框尺?…）。

盒模型由content（内容）、padding（内边距）、border（边框）、margin（外边距）组成。

问题：媒体查询如何使?？

解析：媒体查询包含?个可选的媒体类型和，满?CSS3规范的条件下，包含零个或多个表达式，这些表达式描述了媒体特征，最终会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示?档所使?的设备类型，并且所有的表达式的值都是true，那么该媒体查询的结果为true.那么媒体查询内的样式将会?效。

<!-- link元素中的CSS媒体查询 -->

<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />

<!-- 样式表中的CSS媒体查询 -->

<style>
@media (max-width: 600px) {

.facet_sidebar

{ display:

none;

}

}

</style>

问题：媒体查询是什么？

解析：媒体查询由?个可选的媒体类型和零个或多个使?媒体功能的限制了样式表范围的表达式组成，例如宽度、?度和颜?。媒体查询，添加?CSS3，允许内容的呈现针对?个特定范围的输出设备?进?裁剪，?不必改变内容本身,?常适合web??应对不同型号的设备?做出对应的响应适配。

以上就是酷仔今天整理提供的Web前端开发面试题，希望为Web前端同学提供了有用的面试素材，以后酷仔每日均会提供Python及Web相关的习题。

特殊说明：以上资料由开课吧提供！