CSS3样式设计试题及解析.docxVIP

CSS3样式设计试题及解析

一、单项选择题（共10题，每题1分，共10分）

以下关于CSS3新增属性border-radius的描述中，正确的是

A.该属性仅能用于设置正圆形元素效果

B.该属性是CSS3专门用于实现元素圆角效果的新增属性

C.该属性仅能作用于块级元素，无法作用于行内元素

D.该属性的参数值必须使用像素单位才能正常生效

答案：B

解析：选项A错误，border-radius可以通过不同的宽高比例参数实现椭圆、胶囊形等多种效果，并非只能生成正圆形；选项C错误，该属性支持作用于块级、行内块以及设置了display:inline的行内元素；选项D错误，border-radius支持像素、百分比、em等多种单位；只有选项B的描述完全符合该属性的定义。

当给元素设置display:flex声明时，弹性盒默认的主轴方向是以下哪一项

A.水平方向，从左向右排列子元素

B.垂直方向，从上向下排列子元素

C.水平方向，从右向左排列子元素

D.垂直方向，从下向上排列子元素

答案：A

解析：弹性盒的核心属性flex-direction默认取值为row，对应的主轴方向就是水平从左到右，其余选项都是修改flex-direction属性值之后才能实现的排列效果，不属于弹性盒的默认行为。

以下属性中，属于CSS3新增的背景属性的是

A.background-color

B.b