2025年中级前端开发工程师CSS3Transform变形效果实战考核试卷.docVIP

2025年中级前端开发工程师CSS3Transform变形效果实战考核试卷

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

1.CSS3中，哪个属性用于设置元素旋转的角度？

A.scale()

B.rotate()

C.skew()

D.translate()

2.使用CSS3transform属性时，哪个值表示顺时针旋转90度？

A.rotate(90deg)

B.rotate(180deg)

C.rotate(270deg)

D.rotate(360deg)

3.CSS3中，哪个属性用于设置元素沿X轴缩放？

A.scaleX()

B.scale()

C.scaleZ()

D.scale3d()

4.要使元素在水平方向上放大2倍，应使用哪个属性和值？

A.scale(2,1)

B.scale(1,2)

C.scaleX(2)

D.scale(2)

5.CSS3中，哪个属性用于设置元素沿Y轴缩放？

A.scaleY()

B.scale()

C.scaleZ()

D.scale3d()

6.使用transform属性时，哪个值表示元素沿X轴平移100像素？

A.translateX(100px)

B.translateY(100px)

C.translateZ(100px)

D.translate(100px)

7.要使元素沿Y轴平移50像素，应使用哪个属性和值？

A.translateX(50px)

B.translateY(50px)

C.translateZ(50px)

D.translate(50px)

8.CSS3中，哪个属性用于设置元素沿Z轴平移？

A.translateX()

B.translateY()

C.translateZ()

D.translate()

9.使用transform属性时，哪个值表示元素沿X轴倾斜45度？

A.skewX(45deg)

B.skewY(45deg)

C.skew(45deg)

D.skewX()

10.要使元素沿Y轴倾斜30度，应使用哪个属性和值？

A.skewX(30deg)

B.skewY(30deg)

C.skew(30deg)

D.skewY()

11.CSS3中，哪个属性用于设置元素缩放和旋转的组合效果？

A.transform-origin()

B.transform-style()

C.transform()

D.transition()

12.使用transform属性时，哪个值表示元素从中心点缩放？

A.transform-origin(center)

B.transform-origin(topleft)

C.transform-origin(bottomright)

D.transform-origin()

13.要设置元素缩放的中心点在右下角，应使用哪个属性和值？

A.transform-origin(rightbottom)

B.transform-origin(bottomright)

C.transform-origin(bottom-left)

D.transform-origin(right-left)

14.CSS3中，哪个属性用于设置元素的变形原点？

A.transform-origin()

B.transform-style()

C.transform()

D.transition()

15.使用transform属性时，哪个值表示3D变换？

A.transform-style(3d)

B.transform(3d)

C.transform-style(flat)

D.transform-origin(3d)

16.要使元素沿Z轴旋转90度，应使用哪个属性和值？

A.rotateZ(90deg)

B.rotateY(90deg)

C.rotateX(90deg)

D.rotate3d()

17.CSS3中，哪个属性用于设置元素的3D变换？

A.perspective()

B.transform()

C.transform-style()

D.translate3d()

18.使用transform属性时，哪个值表示沿X轴旋转90度？

A.rotateX(90deg)

B.rotateY(90deg)

C.rotateZ(90deg)

D.rotate3d()

19.要使元素沿Y轴旋转90度，应使用哪个属性和值？

A.rotateX(90deg)

B.rotateY(90deg)

C.rotateZ(90deg)

D.rotate3d()

20.CSS3中，哪个属性用于设置3D变换的视点距离？

A.perspective()

B.transform()

C.transform-style()

D.translate3d()

21.使用transfo