CSS 专题精讲

CSS样式属性专题

1 篇文章 15 道配套习题

CSS样式属性专题

专题说明

CSS样式属性决定元素的视觉表现。本专题系统讲解背景边框、文本样式、动画过渡三大核心模块，帮助学习者掌握页面视觉设计的基础技能。

学习目标

熟练使用背景相关属性设置元素背景效果
掌握文本样式属性控制文字显示效果
理解过渡和动画原理实现交互效果
学会transform变换实现元素变形

学习内容

本专题涵盖三大样式模块：

背景与边框：background系列属性、border-radius圆角
文本样式：color、font系列、text-align、line-height
动画与过渡：transition过渡、animation动画、transform变换

学习建议

背景和文本是基础，先掌握核心属性再学习高级特性
过渡适合简单交互，动画适合复杂效果，理解两者区别
transform性能优越，优先用于移动端动画开发
注意animation简写属性的子属性顺序

配套习题（15 题）

参考答案在文末

判断题

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

对

错

判断题

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

对

错

判断题

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

对

错

判断题

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

对

错

单选题

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

font-weight

font-family

font-size

font-style

单选题

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

border-style

border-radius

border-width

border-color

单选题

在CSS中，定义动画关键帧使用的关键字是？

@animation

@keyframes

@frames

@transition

单选题

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

rotate

transform

animation

transition

单选题

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

animation-duration

animation-delay

animation-iteration-count

animation-direction

单选题

下列关于CSS transform属性的说法，正确的是？

transform只能设置一个变换函数

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

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

transform的变换效果会触发重排（reflow）

多选题

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

ease

linear

ease-in-out

smooth

多选题

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

animation-name

animation-duration

animation-timing-function

animation-fill-mode

填空题

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

填空题

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

填空题

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