《网页设计与制作》模块03挑战 - 在线考试测评模板

Q1:姓名

填空1

Q2:班级（4位数字，如：2518）

填空1

Q3:下列关于CSS3优先级的计算，正确的是 ( )。

通配符选择器的优先级高于元素选择器的优先级

类选择器的优先级低于元素选择器的优先级

ID选择器的优先级高于类选择器的优先级

行内样式的优先级低于ID选择器的优先级

Q4:在下列选择器组合中，优先级最高的是 ( )。

div

.container

#main

*

Q5:在下列选项中，border-style属性的 ( ) 值会显示双线边框。

solid

double

groove

ridge

Q6:在下列选项中，background-repeat属性的 ( ) 值表示图像在水平方向重复，垂直方向不重复。

repeat

no-repeat

repeat-x

repeat-y

Q7:对于外部样式表，下列说法错误的是 ( )。

可以实现多页面复用

样式与HTML分离，便于维护

会额外增加HTTP请求

必须在每个页面重复定义样式

Q8:在下列选项中， ( ) 属性用于设置文本的阴影效果。

box-shadow

text-shadow

font-shadow

shadow-text

Q9:在下列选项中，颜色值是绿色的正确十六进制简写是 ( )。

#0f0

#00f00

#0FO

以上都是

Q10:关于CSS3注释，下列写法正确的是 ( )。

〈!--注释→〉

//注释

/*注释*/

#注释

Q11:在CSS3中， ( ) 属性可以同时设置上下边框为点状，左右边框为实线。

border-style: dotted solid;

border-style:solid dotted;

border: dotted solid;

border-width:dotted solid;

Q12:在下列选项中，不属于CSS3中常用长度单位的是 ( )。

px

em

pt

%

Q13:当设置边框圆角时，border-radius:10px 20px;属性值表示 ( )。

左上角和右下角的圆角半径为10px，右上角和左下角的圆角半径为20px

左上角和右上角的圆角半径为10px，右下角和左下角的圆角半径为20px

4个角都是10px和20px的平均值

上边两个角的圆角半径为10px，下边两个角的圆角半径为20px

Q14:关于CSS3层叠性，下列说法正确的是 ( )。

只有冲突的样式才会层叠

非冲突的样式会叠加生效

后定义的样式永远覆盖先定义的样式

行内样式无法被覆盖

Q15:在下列选项中， ( ) 属性用于控制背景图片是否随滚动条滚动。

background-attachment

background-position

background-clip

background-origin

Q16:关于border-radius属性，下列说法正确的是 ( )。

只能设置一个值

当设置两个值时，第一个值控制左上角和右下角，第二个值控制右上角和左下角

百分比值无效

只能使用像素单位

Q17:CSS3样式的优先级顺序从低到高依次为________________________________________。

填空1

填空2

填空3

填空4

填空5

Q18:在选择器div.container #main ul li中，包含________个元素选择器，________个类选择器，________个ID选择器。

填空1

填空2

填空3

Q19:设置文本阴影的CSS3属性是________，其参数依次为水平偏移、垂直偏移、模糊半径和________。

填空1

填空2

Q20:border-radius:10px 20px 30px 40px;属性值分别设置4个角的半径顺序：左上角、________、右下角、________。

填空1

填空2

Q21:在CSS3中，color:#ff6600;属性值可以简写为________。

填空1

Q22:在HTML中，同时使用内部样式表和外部样式表时，若两者对同一元素设置相同属性，则________的优先级更高。

填空1

Q23:要使元素4个角的圆角半径分别为5px、10px、15px、20px，应使用________属性。

填空1

Q24:子元素会继承父元素的所有CSS3属性。 ( )

正确

错误

Q25:在CSS3中，!important声明的优先级高于行内样式的优先级。 ( )

正确

错误

Q26:同一个元素可以同时拥有类选择器和ID选择器定义的样式。 ( )

正确

错误

Q27:使用text-transform:uppercase;属性值可以将所有字母转换为大写。 ( )

正确

错误

Q28:边框圆角属性border-radius 只能设置4个角相同的圆角半径。 ( )

正确

错误

Q29:外部样式表通过〈style〉标签引入，必须写在HTML文档内部。 ( )

正确

错误

Q30:类选择器可以使用数字开头，如.1col。 ( )

正确

错误

Q31:背景图片可以使用background-size:100% 100%;属性值拉伸铺满整个元素。 ( )

正确

错误

Q32:在CSS3中，color:rgb(100%,0%,0%);属性值表示红色。 ( )

正确

错误

Q33:如果同时使用了内部样式表和外部样式表，内部样式表一定会覆盖外部样式表。 ( )

正确

错误

Q34:优先级（权重）

填空1

Q35:RGBA颜色

填空1

Q36:优先级计算与样式应用。

填空1

Q37:简述CSS3中哪些属性可以被继承，哪些属性不能被继承，并各举三个例子（根据教材内容）。

填空1

Q38:请写出background简写属性的常见用法示例，并解释每个值的含义。

填空1

Q39:卡片组件样式设计。请编写CSS3代码，实现一个产品卡片组件，要求如下。（1）卡片宽度为300px，背景为白色，圆角半径为12px。（2）卡片阴影：04px 12px rgba(0,0,0,0.1）。（3）卡片内边距：20px。（4）卡片标题：字体大小为20px，加粗，颜色为#333，底部外边距为12px。（5）卡片描述：字体大小为14px，颜色为#666，行高为1.6。（6）卡片按钮：背景色为#3498db，白色文字，无边框，圆角半径为20px，内边距为8px 20px。

填空1

Q40:水平导航菜单。请编写CSS3代码，实现一个水平导航菜单，要求如下。（1）使用无序列表〈ul〉和〈li〉实现。（2）清除列表默认样式（项目符号、内边距、外边距）。（3）菜单项水平排列。（4）菜单项内边距：12px 20px。（5）菜单项文字：无下画线，颜色为#333，字号为16px。

填空1

Q41:综合背景与边框样式。请为id为“hero”的〈section〉标签设置以下样式。（1）背景图片为“hero.jpg”。（2）背景图片不重复。（3）背景图片水平居中、垂直居中。（4）背景图片大小覆盖整个元素。（5）背景颜色为深灰色（#2c3e50）。（6）添加底部边框：3px实线橙色（#f39c12）。

填空1

Q42:多边框样式。请为class为“special-box”的〈div〉标签设置以下边框样式。（1）上边框：2px实线红色。（2）右边框：4px虚线蓝色。（3）下边框：2px点状绿色。（4）左边框：4px双线橙色。

填空1

Q43:字体与文本综合。请为class为“article”的段落设置以下样式。（1）字体：宋体。（2）字号：16px。（3）字重：500。（4）颜色：深灰色（#444）。（5）行高：1.8。（6）文字阴影：水平方向为2px，垂直方向为2px，模糊半径为3px，颜色为rgba(0,0,0,0.3）。

填空1