css3面试题及答案.docVIP

css3面试题及答案

填空题

1.CSS3中用于设置元素圆角的属性是______。

2.CSS3新增的盒模型属性______可以改变元素宽度和高度的计算方式。

3.使用CSS3动画时，定义动画关键帧的关键字是______。

4.CSS3中用于设置元素阴影的属性是______。

5.实现元素渐变效果的属性是______。

6.CSS3中用于设置弹性布局的容器属性是______。

7.可以让元素在2D平面上旋转的属性是______。

8.CSS3中用于设置文本溢出显示省略号的属性是______。

9.改变元素透明度的属性是______。

10.CSS3媒体查询使用的关键字是______。

单项选择题

1.以下哪个属性用于设置元素的过渡效果？

A.transition

B.animation

C.transform

D.gradient

2.要使元素在水平和垂直方向上都居中，使用哪种布局最合适？

A.浮动布局

B.弹性布局

C.表格布局

D.绝对布局

3.下面哪个值可以用于transform属性的旋转功能？

A.translateX

B.scale

C.rotate

D.skew

4.CSS3中，以下哪个属性用于设置背景图像的大小？

A.background-position

B.background-repeat

C.background-size

D.background-origin

5.以下哪个不是CSS3新增的选择器？

A.:nth-child()

B.:first-child

C.:not()

D.:nth-of-type()

6.弹性布局中，用于设置子元素在主轴上的对齐方式的属性是？

A.align-items

B.justify-content

C.align-self

D.flex-direction

7.要创建一个从左到右的线性渐变背景，正确的语法是？

A.background:linear-gradient(toright,red,blue);

B.background:gradient(right,red,blue);

C.background:linear-gradient(right,red,blue);

D.background:gradient(toright,red,blue);

8.下面哪个属性可以让元素在3D空间中旋转？

A.rotateX

B.scaleX

C.skewX

D.translateX

9.CSS3中，用于设置列布局的列数的属性是？

A.column-count

B.column-width

C.column-gap

D.column-rule

10.要使元素在鼠标悬停时产生过渡效果，需要结合哪个伪类？

A.:active

B.:hover

C.:focus

D.:visited

多项选择题

1.以下属于CSS3动画属性的有？

A.animation-name

B.animation-duration

C.animation-delay

D.animation-iteration-count

2.弹性布局中，flex-direction的取值可以是？

A.row

B.row-reverse

C.column

D.column-reverse

3.CSS3中，用于设置背景的属性有？

A.background-color

B.background-image

C.background-attachment

D.background-blend-mode

4.以下哪些是CSS3新增的盒模型相关属性？

A.box-sizing

B.box-shadow

C.box-decoration-break

D.box-align

5.可以用于transform属性的函数有？

A.translate()

B.scale()

C.rotate()

D.skew()

6.CSS3媒体查询可以根据以下哪些条件进行查询？

A.屏幕宽度

B.屏幕高度

C.设备方向

D.颜色深度

7.以下哪些选择器可以选中特定位置的元素？

A.:nth-child()

B.:last-child

C.:first-of-type

D.:nth-last-of-type()

8.关