首页/ 学科题库/ CSS/ CSS样式属性
CSS 模拟试卷

CSS样式属性

15 题 41 分钟 难度:★
  • 背景与边框:background简写属性、border-radius圆角、背景位置与重复
  • 文本样式:color文本颜色、font-size字体大小、text-align文本对齐、line-height行高
  • 动画与过渡:transition过渡、animation动画、transform变换、@keyframes关键帧

试卷习题(15 题)

参考答案在文末
判断题
1
判断题

CSS的transition属性可以实现元素从一种样式平滑过渡到另一种样式的效果。

A

对

B

错

2
判断题

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

A

对

B

错

3
判断题

CSS的transition和animation都可以创建动画效果,但transition需要触发条件(如hover),而animation可以自动播放。

A

对

B

错

4
判断题

CSS中的color属性用于设置元素的背景颜色。

A

对

B

错

单选题
5
单选题

下列哪个CSS属性用于设置文本的字体大小?

A

font-weight

B

font-family

C

font-size

D

font-style

6
单选题

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

A

border-style

B

border-radius

C

border-width

D

border-color

7
单选题

在CSS中,定义动画关键帧使用的关键字是?

A

@animation

B

@keyframes

C

@frames

D

@transition

8
单选题

下列哪个CSS属性可以实现元素的旋转效果?

A

rotate

B

transform

C

animation

D

transition

9
单选题

下列哪个属性用于设置CSS动画的播放次数?

A

animation-duration

B

animation-delay

C

animation-iteration-count

D

animation-direction

10
单选题

下列关于CSS transform属性的说法,正确的是?

A

transform只能设置一个变换函数

B

transform的变换原点默认是元素的中心点

C

transform会影响文档流中其他元素的位置

D

transform的变换效果会触发重排(reflow)

多选题
11
多选题

下列哪些是CSS transition-timing-function的有效值?

A

ease

B

linear

C

ease-in-out

D

smooth

12
多选题

CSS的animation简写属性可以包含以下哪些子属性?

A

animation-name

B

animation-duration

C

animation-timing-function

D

animation-fill-mode

填空题
13
填空题

CSS中,设置文本水平对齐方式的属性是,设置文本行高的属性是。

14
填空题

CSS过渡的简写属性是,其四个子属性分别是transition-property、、transition-timing-function和transition-delay。

15
填空题

CSS中,设置背景图片不重复的属性是,设置背景图片位置的属性是。

参考答案
1.正确 2.正确 3.正确 4.错误 5.C 6.B 7.B 8.B 9.C 10.B 11.A;B;C 12.A;B;C;D 13.text-align;line-height 14.transition;transition-duration 15.background-repeat;background-position
想在手机上在线作答这套卷子?
使用微信 卷王开发者小程序/App,首页顶部扫一扫识别二维码,即可限时作答并自动判分。
了解产品 App
← 上一套 CSS架构最佳实践试卷 下一套 → CSS渲染与布局原理