CSS初级技能认证试卷

媒体查询（Media Queries）是CSS3中引入的特性，可以根据设备的特性（如屏幕宽度、高度、分辨率等）应用不同的样式规则。

以下哪个媒体查询表示"当屏幕宽度大于等于768px时应用样式"？

以下哪些是CSS媒体查询中常用的媒体特性？

CSS中的浮动（float）属性最初设计用于实现文字环绕图片效果，浮动元素会脱离正常文档流，但仍会影响周围行内元素的布局。

以下哪些是CSS中clear属性的有效值？

CSS中的position属性用于控制元素的定位方式，默认值是static，表示元素按照正常文档流进行布局。

以下哪些position值会使元素脱离正常文档流？

CSS中的background是一个简写属性，可以一次性设置background-color、background-image、background-repeat等多个背景相关属性。

下列哪个CSS属性用于设置元素的圆角边框？

CSS盒模型由哪四个部分组成（从内到外）？

在标准盒模型下，一个元素的CSS设置为 width: 200px; height: 100px; padding: 20px; border: 5px solid; margin: 10px;，该元素实际占据的宽度和高度分别是多少？

border（边框）会增加元素盒模型的总尺寸，属于盒模型的一部分。

关于 box-sizing 属性，以下说法正确的有？

CSS选择器的主要作用是什么？

CSS类选择器的语法是以什么符号开头？

一个HTML元素可以同时拥有多个class类名，用空格分隔，如 <div class="box container active">。

常用的交互状态伪类选择器：

• 鼠标悬停状态使用 ______
• 链接被点击激活状态使用 _______
• 元素获得焦点状态使用 ______

以下哪些是CSS结构伪类选择器？

使用::before或::after伪元素时，必须设置content属性，否则伪元素不会显示。

margin简写属性 margin: 10px 20px 30px 40px; 分别设置了四个方向的外边距，其中上边距为 ______，右边距为 ______，下边距为 ______，左边距为 ______。