网页前端设计-作业六(CSS3)

本文介绍了CSS3中的关键属性,如transition-duration用于设置动画的持续时间,background-size调整背景图片尺寸,border-radius创建圆角边框,以及text-shadow的默认值。还探讨了CSS3中如何使用@font-face引入自定义字体,以及如何通过box-shadow设置阴影效果。此外,文章还涵盖了CSS3中关于边框圆角、文本阴影、背景图片缩放、动画延迟和渐变处理的相关知识点。
摘要由CSDN通过智能技术生成

参考教材:HTML5网页前端设计(第2版 )  作者:周文洁

1 . 普通 (3分)CSS3的Transition动画中使用何种属性可以设置渐变的持续时间?

在CSS3中transition-duration属性用于指定渐变动画效果的持续时长,持续时间越长渐变效果越慢。

2 . 普通 (3分)CSS3中哪个属性可以自定义背景图片的尺寸?

在CSS3中,background-size属性可用于定义元素背景图片的尺寸大小。

3 . 普通 (3分)CSS3中哪个属性可以为元素设置圆角边框?

在CSS3中,border-radius属性可用于直接创建带有圆角的边框样式,该属性值表示圆角边框的圆角半径长度,数值越大则圆的弧度越明显。

4 . 容易 (3分)在CSS3中,text-shadow的默认属性值是 ___,表示无阴影效果。(区分大小写)

none

5 . 容易 (3分)在CSS3中,如果设置动画渐变的延迟时间为10秒,以下哪句代码写法是正确的?( )。

A. transition-delay: 10ms

B. transition-delay: 1000ms

C. transition-delay: 10m

D. transition-delay: 10s

10秒的单位是s,ms是毫秒,1000毫秒=1秒。

6 . 容易 (3分)在CSS3技术的Transition动画属性中,以下哪个可以用于指定对何种CSS属性进行渐变处理?( )。

A. transition-delay

B. transition-duration

C. transition-timing-function

D. transition-property

transition-property可以用于设指定对何种CSS属性进行渐变处理。

7 . 容易 (3分)在CSS3技术的Transition动画属性中,以下哪个可以用于设置动画的延迟时间?( )。

A. transition-delay

B. transition-duration

C. transition-timing-function

D. transition-property

transition-delay可以用于设置动画的延迟时间。

8 . 容易 (3分)在CSS3技术的Transition动画属性中,以下哪个可以用于设置动画的持续时间?( )。

A. transition-delay

B. transition-duration

C. transition-timing-function

D. transition-property

transition-duration用于设置动画的持续时间。

9 . 容易 (3分)在CSS3中关于字体的说法不正确的是?( )。

A. 浏览器只能显示设备上已经安装的字体。

B. 浏览器可以使用@font-face来规定显示特殊字体。

C. 浏览器可以使用font-family来定义自定义名称的字体。

D. 浏览器可以显示放在服务器端的特殊字体。

在CSS3之前,浏览器确实只能显示设备上已经安装的字体。但是在CSS3技术中已经可以通过@font-face的规则自定义字体,然后使用font-family声明自定义字体的名称来引用它。这样就可以将特殊字体放在服务器端,让网页显示任何指定的字体了。

10 . 容易 (3分)在CSS3中,假设有背景图片原图尺寸为宽400px、高800px。样式background-size:200px;可以将其缩放成何种尺寸,以下哪种说法正确?( &#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值