admin 管理员组文章数量: 1086019
2024年3月5日发(作者：bootstrap table 刷新)
《CSS3》试题
一、单选题
1. text-transform属性用于控制英文字符的大小写。下列选项中，不属于其属性值的是（ B ）。
A、capitalize B、line-through C、lowercase D、uppercase
2. 在CSS中，提供了字体样式属性来控制网页中的字体。下面的字体样式设置正确的是（ B ）。
A、{font-family: 黑体;} B、{font-family: “黑体”;}
C、{fontFamily: “黑体”;} D、{font-Family: “黑体”;}
3. 页面上的div标签，其HTML结构如下：
对应的CSS样式代码如下：
#father #son{ color:red; }
传智播客
#father p{ color:blue; }
div .son{ color:yellow; }
那么，文字的颜色将显示为（ A ）
p{ color:green; }
A、红色 B、蓝色 C、黄色 D、绿色
4. 当
标记内嵌套标记时，就可以使用后代选择器对其中的标记进行控制，下列写法正确是（ B ）
A、strong p{color:red;} B、p strong{color:red;} C、strong,p{color:red;} D、{color:red;}
5. 页面上的div标签，其HTML代码为
A、红色 B、蓝色 C、黑色 D、以上选项都不正确
6. 关于内嵌式引入CSS样式表，以下书写正确的是（ B ）
A、 B、
C、
7. 页面上的div标签，其HTML代码为
#box{ color:blue; } .red{ color:red; } ，那么，文字的颜色将显示为 ( B )
A、红色 B、蓝色 C、黑色 D、白色
8. 关于内嵌式CSS样式的语法格式中，下列选项正确的是（ A ）
A、选择器{k:v; k:v; k:v;} B、选择器{k:v, k:v, k:v,}
C、选择器{k,v; k,v; k,v;} D、选择器{k->v; k->v; k->v;}
9. 如果使用内嵌式CSS样式表定义
标记字号为12像素，链入式定义
标记颜色为红色，那么段落文本将显示为（ B ）
A、只显示12像素 B、12像素红色 C、只显示红色 D、以上都不正确
10. 下面的选项中, 类选择器的基本语法格式正确的是（ B ）
A、.类名{属性值1;属性值2;属性值3; }
B、.类名{属性1:属性值1，属性2:属性值2，属性3:属性值3}
C、.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
D、.类名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; }
11. 下列选项中，属于并集选择器书写方式的是（ C ）
A、h1p{} B、h1_p{} C、h1,p{} D、h1-p{}
12. 下列选项中，符合后代选择器书写要求的是（ A ）
A、p strong{ font-weight:bold; } B、{ font-weight:bold; }
C、p,strong{ font-weight:bold; } D、p#div{ font-weight:bold; }
1
13. 在内嵌式CSS样式中，
（ √ ）
6. text-align属性用于设置文本内容的水平对齐，可适用于所有元素。（ × ）
7. 链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用。（√ ）
8. 标签指定式选择器又称并集选择器，由两个选择器构成。（ × ）
9. word-spacing属性用于定义英文单词之间的间距，对中文字符无效。（ √ ）
10. 在CSS中，行高属性line-height是用来设置文本高度的。（ × ）
11. 在行内式CSS样式中，属性和值的书写规范与CSS样式规则不相同。（ × ）
12. 链入式是使用频率最高，也最实用的CSS样式表，它将HTML代码与CSS代码分离为两个或多个文件，实现了结构和表现的完全分离。（√ ）
13. 后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。（√ ）
14. 如果外链样式表中规定#box{color:red;}，内嵌样式表规定#box{color:green; }。因为外链样式表的CSS优先级小于内嵌样式表，所以#box文字颜色为绿色。（√ ）
15. 内嵌式CSS样式用
3. 请阅读下面的代码，并按照要求作答。
文字
6
认真分析以上代码，写出页面中的“文字”是什么颜色？
蓝色
4. 制作一个如下图所示的页面，要求：（1）使用内嵌式引入CSS样式。（2）使用标记选择器控制元素。
（3）设置所有文本为宋体、12像素、绿色字体，“春季”字体颜色设为红色。（4）设置标题“春天”为16像素、红色、加粗、居中、上划线的效果。 （5）设置文本首行缩进2个字符。
5. CSS的层叠性指什么？请举例说明。
所谓层叠性是指多种CSS样式的叠加。 例如,当使用内嵌式CSS样式表定义
标记字号大小为12像素,链入式定义
标记颜色为红色,那么段落文本将显示为12像素红色,即这两种样式产生了叠加,这称为CSS的层叠性。
6. 制作一个如下图所示的页面，要求：（1）使用行内式引入CSS样式。（2）设置所有文本为微软雅黑、14像素、黑色字体。（3）设置“新浪”、“新浪网”为红色字体，“博客首页”为蓝色字体，网址及日期为绿色字体。（4）设置标题为16像素、左对齐、下划线的效果。（5）设置文本“-百度快照-评价”为灰色、下划线的效果。
7. 简述文本外观样式属性中设置文本颜色的color属性的几种取值方式。
color属性用于定义文本的颜色,其取值方式有如下3种: 预定义的颜色值,如red,green,blue等。 十六进制,如#FF0000,#FF6600,#29D794等。实际工作中,十六进制是最常用的定义颜色的方式。 RGB代码,如红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。
8. 请阅读下面的代码，根据注释中的要求填写代码。
9. 制作一个如下图所示的页面，要求：（1）分别设置四行文本首行缩进2字符，行高30px，黑色、实线、1px的边框效果；（2）第一行文本设置为粉色、加粗效果；（3）第二行文本设置为绿色、删除线效7
果；（4）第三行文本设置为红色、加粗效果；（5）第四行文本设置为蓝色、字间距为20px的效果。
10. 请阅读下面的代码，根据注释中的要求填写代码。
11. 运用所学的复合选择器相关知识，为页面中的标题和段落文本设置CSS样式，具体要求如下：
（1）所有标题颜色为红色，字号为14px； （2）为段落文本1和3添加下划线效果。
二级标题文本。
三级标题文本,加下划线。
段落文本1，加下划线。
段落文本2，普通文本。
段落文本3，加下划线。
12. 请阅读下面的程序，根据注释中的要求填写代码。
8
这里面是文字内容
这里面是文字内容
这里面是文字内容
13. 简述网页中常用字号的长度单位都有哪些？
网页中常用字号的长度单位有两种: (1)相对长度单位px、em。 px:像素; em:相对于当前对象内文本的字体尺寸。 (2)绝对长度单位in、cm、mm、pt。in:英寸;cm:厘米;mm:毫米;pt:点。
14. 制作一个如下图所示的页面，要求：
（1）第一行文本设置为红色、加粗字体；（2）第二行文本设置为绿色、下划线效果；（3）第三行文本设置为粉色、上划线效果；（4）第四行文本设置为蓝色、删除线效果；（5）第五行文本设置为红色、斜体效果。
15. 制作一个如下图所示的页面，要求：（1）使用内嵌式引入CSS样式表；（2）分别为页面元素定义不同的类；（3）通过控制不同的类，分别为第一个字母“G”设置为蓝色、加粗、60px字体； 第二个字母“o”设置为红色、加粗、60px字体；第三个字母“o”设置为黄色、加粗、60px字体；第四个字母“g”设置为蓝色、加粗、60px字体；剩余字母“le”按默认样式输出。
16. 请阅读下面的程序，根据注释中的要求填写代码。
这里面是文字内容
这里面是文字内容
这里面是文字内容
17. 请阅读下面的代码，根据注释中的要求填写代码。
9
}
18. 制作一个如下图所示的页面，要求：（1） 使用行内式引入CSS样式表；（2）标题设置为微软雅黑、蓝色、26px字体；（3）段落设置为微软雅黑、红色、28px字体。
19. 制作一个如下图所示的页面，要求：（1）使用内嵌式CSS引入样式表；（2）分别使用2个
标记搭建页面的两段文字；（3）使用标签指定式选择器控制第一段文本；使用并集选择器控制第二段文本；（4）
第1行文字显示为“30px、红色”；第2行文字显示为“30px、蓝色”。
20. 制作一个如下图所示的页面，要求：（1）综合使用标记选择器、id选择器及类选择器控制元素。 （2）设置所有文本为宋体、14像素，行高为18像素。（3）设置标题“你若安好，便是晴天”为18像素、紫色、加粗、居中的效果。（4）设置第一段文本为红色、居中对齐。（5）设置第二段文本为蓝色、首行缩进2个字符、字间距为16像素。（6）设置第三段文本为绿色、加粗、斜体。（7）设置第四段文本为紫色、删除线效果。
10
21. 文本外观属性都有哪些？请说明其具体用法。
CSS文本外观属性主要有color、letter-spacing、word-spacing、line-height、text-transform、text-decoration、text-align、text-indent、white-space九种属性。具体用法如下: color属性用于定义文本的颜色; letter-spacing属性用于定义字间距,就是字符与字符之间的空白; word-spacing属性用于定义英文单词之间的间距,对中文字符无效; line-height属性用于设置行间距; text-transform属性用于控制英文字符的大小写; text-decoration属性用于设置文本的下划线,上划线,删除线等装饰效果; text-align属性用于设置文本内容的水平对齐; text-indent属性用于设置首行文本的缩进; white-space属性用于设置空白符的处理方式。
22. 如何将单独的CSS文件引入到HTML页面中？
链入式可以将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过标记将外部样式表文件链接到HTML文档中,其基本语法格式如下:
标记需要放在头部标记中,并且必须指定标记的三个属性: l href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。 l type:定义所链接文档的类型,在这里需要指定为“text/css”,表示链接的外部文件为CSS样式表。 rel:定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件。
23. 请阅读下面的代码，并按照要求作答。
文字
认真分析以上代码，写出页面中的“文字”是什么颜色？
黄色
11
12
版权声明：本文标题：2网页设计作业-CSS3 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1709651537a542794.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论