2025年中级前端开发工程师CSS3BoxShadow多层盒子阴影应用考核试卷.docVIP

2025年中级前端开发工程师CSS3BoxShadow多层盒子阴影应用考核试卷

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

1.在CSS3中，`BoxShadow`属性不支持哪个属性值？

A.`inset`

B.`color`

C.`blur`

D.`spread`

2.`BoxShadow`的`inset`属性用于什么？

A.创建外部阴影

B.创建内部阴影

C.移除阴影

D.调整阴影颜色

3.以下哪个属性不用于描述`BoxShadow`的模糊范围？

A.`blur-radius`

B.`spread-radius`

C.`blur`

D.`inset`

4.`BoxShadow`的`spread-radius`属性的作用是什么？

A.控制阴影的模糊程度

B.控制阴影的扩展范围

C.控制阴影的颜色

D.控制阴影的位置

5.以下哪个值不是`BoxShadow`的合法颜色值？

A.`ff0000`

B.`rgb(255,0,0)`

C.`rgba(255,0,0,0.5)`

D.`red`

6.`BoxShadow`的`color`属性默认值是什么？

A.`transparent`

B.`black`

C.`white`

D.`current-color`

7.以下哪个属性用于描述`BoxShadow`的偏移量？

A.`offset-x`

B.`position`

C.`offset`

D.`distance`

8.`BoxShadow`的`offset-x`属性和`offset-y`属性分别控制什么？

A.阴影的水平和垂直偏移

B.阴影的模糊范围和扩展范围

C.阴影的颜色和位置

D.阴影的透明度和模糊范围

9.以下哪个值不是`BoxShadow`的合法偏移量单位？

A.`px`

B.`em`

C.`rem`

D.`inch`

10.`BoxShadow`的多个值如何指定？

A.用逗号分隔

B.用分号分隔

C.用空格分隔

D.用括号分隔

11.以下哪个CSS3属性用于创建多层阴影效果？

A.`multiple-shadows`

B.`BoxShadow`

C.`multiple-box-shadow`

D.`layer-shadow`

12.`BoxShadow`的多个阴影如何叠加？

A.使用多个`BoxShadow`属性

B.使用一个`BoxShadow`属性，多个值用逗号分隔

C.使用多个`BoxShadow`类

D.使用一个`BoxShadow`属性，多个值用分号分隔

13.以下哪个值不是`BoxShadow`的合法模糊半径单位？

A.`px`

B.`em`

C.`rem`

D.`inch`

14.`BoxShadow`的模糊半径默认值是多少？

A.`0px`

B.`1px`

C.`2px`

D.`3px`

15.以下哪个属性用于描述`BoxShadow`的扩展范围？

A.`spread-radius`

B.`blur-radius`

C.`offset`

D.`color`

16.`BoxShadow`的`spread-radius`默认值是多少？

A.`0px`

B.`1px`

C.`2px`

D.`3px`

17.以下哪个值不是`BoxShadow`的合法扩展范围单位？

A.`px`

B.`em`

C.`rem`

D.`inch`

18.`BoxShadow`的`inset`属性为`true`时，阴影的方向是什么？

A.向外

B.向内

C.无方向

D.混合方向

19.以下哪个CSS3属性用于创建阴影的透明度？

A.`opacity`

B.`alpha`

C.`color`

D.`transparent`

20.`BoxShadow`的`color`属性如何指定透明度？

A.使用`opacity`属性

B.使用`alpha`属性

C.使用`rgba`颜色值

D.使用`transparent`值

21.以下哪个值不是`BoxShadow`的合法透明度值？

A.`0`

B.`0.5`

C.`1`

D.`1.5`

22.`BoxShadow`的多个阴影如何叠加透明度？

A.使用多个`BoxShadow`属性

B.使用一个`BoxShadow`属性，多个值用逗号分隔

C.使用多个`BoxShadow`类

D.使用一个`BoxShadow`属性，多个值用分号分隔

23.以下哪个属性用于描述`BoxShadow`的偏移量？

A.`offset-x`

B.`position`

C.`offset`

D.`distance`

24.`BoxShadow`的`offset-x`属性默认值是多少？

A.`0px`

B.`1px`

C.`2px`

D.`3px`

25.`BoxShadow`的`offset-y`属性默认值是多少？

A.`0px`