
3.2 CSS基础
本文最后更新于 2024-10-26,文章内容或软件可能已经过时。如失效请留言更新文章
一. 单选题(共9题)
1【单选题】关于CSS样式规则的具体格式,下列选项正确的是()
A、选择器{属性1:属性值1; 属性2:属性值2 属性3:属性值3}
B、选择器{属性1:属性值1, 属性2:属性值2, 属性3:属性值3;}
C、选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
D、选择器{属性1:属性值1 属性2:属性值2 属性3:属性值3}
我的答案:C
解析:CSS样式规则,具体格式如下: 选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
2【单选题】在书写样式时,下列代码书写正确的是()
A、h1{font:12px;}
B、h1[font_size:12px;]
C、h1(font:size=12px;)
D、h1{font-size:12px;}
我的答案:D
解析:CSS样式规则,具体格式如下: 选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
3【单选题】关于行内式引入CSS样式表的代码,下列书写正确的是
A、<p style=font-size:12px; color:red;>段落文本</p>
B、<p style="font-size:12px, color:red;">段落文本</p>
C、<p style="font-size:12px; color:red;">段落文本</p>
D、<p style="font:12px; color:red;">段落文本</p>
我的答案:C
解析:行内式也称为内联样式,是通过标签的style属性来设置元素的样式,其基本语法格式如下:
<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>
4【单选题】关于内嵌式引入CSS样式表的代码,下列书写正确的是()
A、<style type="text/stylesheet”></style>
B、<style type="text/css”></style>
C、<css type="text/style”></css>
D、<css type="text/stylesheet”></css>
我的答案:B
解析:内嵌式是将CSS代码集中写在HTML文档的<head>头部标签中,并且用<style>标签定义。必须设置type的属性值为“text/css”
,这样浏览器才知道<style>标签包含的是CSS代码。
5【单选题】下列选项中,类选择器的基本语法格式书写正确的是()
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”; }
我的答案:C
解析:类选择器使用“.”
(英文点号)进行标识,后面紧跟类名,其基本语法格式如下:
.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
6【单选题】下列选项中,id选择器的基本语法格式书写正确的是()
A、#id名{属性值1;属性值2;属性值3; }
B、#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
C、#id名{属性1:属性值1,属性2:属性值2,属性3:属性值3}
D、#id名{属性1:“属性值1”; 属性2:“属性值2”; 属性3:“属性值3”; }
我的答案:B
解析:id选择器使用“#”
进行标识,后面紧跟id名,其基本语法格式如下:
#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
7【单选题】下列选项中,并集选择器书写方式正确的是()
A、h1 p{}
B、h1_p{}
C、h1,p{}
D、h1-p{}
我的答案:C
解析:并集选择器是各个选择器通过逗号连接而成的。
8【单选题】当<p>标签内嵌套<strong>标签时,就可以使用后代选择器对其中的<strong>标签进行控制,下列写法正确是()
A、strong p{color:red;}
B、p strong{color:red;}
C、strong,p{color:red;}
D、p.strong{color:red;}
我的答案:B
解析:后代选择器用来选择元素或元素组的后代,其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。根据后代选择器的相关写法,因为是<p>标签嵌套了<strong>标签,因此正确的写法是B。
9【单选题】下列选项中,符合后代选择器书写要求的是()
A、p strong{ font-weight:bold; }
B、p.strong{ font-weight:bold; }
C、p,strong{ font-weight:bold; }
D、p#div{ font-weight:bold; }
我的答案:A
解析:后代选择器用来选择元素或元素组的后代,其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签的后代。B选项和D选项是标签指定选择器,C是并集选择器。
二. 填空题(共8题)
10【填空题】如果属性的值由多个单词组成且中间包含空格,则必须为属性值加【】状态下的引号。
我的答案:英文
解析:初学者在书写CSS样式时,如果属性的值由多个单词组成且中间包含空格,则必须为这个属性值加上英文状态下的引号。
11【填空题】内嵌式是将CSS代码集中写在HTML文档的【】标签中,并且用【】标签定义。
我的答案:第一空: <head> 第二空: <style>
解析:内嵌式是将CSS代码集中写在HTML文档的<head>头部标签中,并且用<style>标签定义,其基本语法格式如下:
12【填空题】链入式是通过【】标签将外部样式表文件链接到HTML文档中。
我的答案:<link />
解析:CSS链入式是将所有的样式放在一个或多个以.css为扩展名
的外部样式表文件中,通过<link />标签将外部样式表文件链接到HTML文档中。
13【填空题】【】选择器可以为页面中某一类标签指定统一的CSS样式。
我的答案:标签
解析:标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。
14【填空题】类选择器使用“【】”进行标识,后面紧跟id名。
我的答案:.
解析:类选择器使用“.”
(英文点号)进行标识,后面紧跟类名。
15【填空题】id选择器使用“【】”进行标识。
我的答案:#
解析:id选择器使用“#”
进行标识,后面紧跟id名,元素的id值是唯一的,只能对应于文档中某一个具体的元素。
16【填空题】交集选择器由标签选择器和类选择器或【】选择器构成。
我的答案:id
解析:交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为类选择器或id选择器。
17【填空题】【】用来控制内部嵌套标签的样式。
我的答案: 后代
三. 多选题(共8题)
18【多选题】关于CSS样式规则的代码,下列书写正确的包括()
A、p{ font-size:12px;color:red;}
B、p{ font-size=12px;color=red}
C、p{ font-size:12px;}
D、p{ font-size:12;color:red;}
我的答案:AC
解析:CSS样式规则,具体格式如下:选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
在上面的样式规则中,属性值之间用冒号隔开,因此B项是错误的。字体大小后面要跟单位,因此D项错误。
19【多选题】关于链入式CSS引入样式表的描述,下列说法正确的有()
A、链入式CSS才是真正实现结构与样式分离的CSS书写方式
B、链入式CSS代码必须也在一对style标签内部
C、链入式CSS必须将所有CSS属性写在以.css为扩展名的外部样式表文件中
D、一个HTML页面只能链接一个CSS文件
我的答案:AC
解析:链入式CSS必须将所有CSS属性写在以.css为扩展名的外部样式表文件中;能够真正实现结构与样式代码的分离;一个HTML页面可以通过多个<link />
标签链接多个CSS样式表。
20【多选题】下列选项中,属于CSS基础选择器的有()
A、标签选择器
B、类选择器
C、id选择器
D、通配符选择器
我的答案:ABCD
解析:CSS基础选择器有4种:标签选择器、类选择器、id选择器、通配符选择器。
21【多选题】关于通配符选择器的描述,下列说法正确的有()
A、通配符选择器用“*”号表示
B、通配符选择器用“.”号表示
C、通配符选择器用“#”号表示
D、通配符选择器能匹配页面中所有的元素
我的答案:AD
解析:通配符选择器用“*”
号表示,它是所有选择器中作用范围最广的,能匹配页面中所有的元素。
22【多选题】关于交集选择器的描述,下列说法正确的有()
A、交集选择器可以为某些标签单独指定样式
B、交集选择器是一种复合选择器
C、交集选择器由两个选择器构成
D、交集选择器的两个选择器之间不能有空格
我的答案:ABCD
解析:交集选择器也被称为标签指定式选择器,可以为某些标签单独指定样式,是一种复合选择器(复合选择器由两个或两个以上选择器构成)。交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为类选择器或id选择器。交集选择器的两个选择器之间不能有空格。
23【多选题】关于并集选择器的描述,下列说法正确的有()
A、并集选择器的各个选择器通过逗号连接
B、并集选择器用空格分隔
C、并集选择器把选中的元素设置成相同的样式
D、并集选择器不能和其他选择器一起使用
我的答案:AC
解析:并集选择器是各个选择器通过逗号连接而成的,任何形式的选择器(包括标签选择器、class类选择器id选择器等),都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同,或部分相同,就可以利用并集选择器为它们定义相同的CSS样式。
24【多选题】关于并集选择器的书写格式,下列选项正确的有()
A、p,.one{}
B、p .one{}
C、p,.one,#two,div .box{}
D、p_.one{}
我的答案:AC
解析:并集选择器是各个选择器通过逗号连接而成的,任何形式的选择器(包括标签选择器、class类选择器id选择器等),都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同,或部分相同,就可以利用并集选择器为它们定义相同的CSS样式。
25【多选题】关于后代选择器的描述,下列说法正确的包括()
A、后代选择器用来控制内部嵌套标签的样式
B、当标签发生嵌套时,内层标签就成为外层标签的后代
C、后代选择器数量不受限制
D、如果需要加入更多的选择器,只需在选择器之间加上空格,按序排列即可
我的答案:ABCD
解析:后代选择器用来选择元素或元素组的后代,其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签的后代。
四. 判断题(共8题)
26【判断题】内嵌式CSS样式只对其所在的HTML页面有效。
我的答案:对
解析:内嵌式CSS样式只对其所在的HTML页面有效,因此,仅设计一个页面时可以使用内嵌式。但如果是一个网站,不建议使用这种方式。
27【判断题】在链入式CSS样式中,一个HTML页面可以引入多个样式表。
我的答案:对
解析:链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用,同时一个HTML页面也可以通过多个<link />标签链接多个CSS样式表。
28【判断题】导入式能够引入外部样式表文件。
我的答案:对
解析:导入式与链入式相同,都能够引入外部样式表文件。
29【判断题】CSS样式中的选择器严格区分大小写。
我的答案:对
解析:在CSS中,选择器必须区分大小写,属性和值可以不区分大小写。但是,按照书写习惯一般将“选择器、属性和值”都采用小写的方式。
30【判断题】所有HTML标签都可以定义class属性。
我的答案:错
解析:类名即为HTML标签的class属性值,大多数HTML标签都可以定义class属性。
31【判断题】“id="bold font24"”的写法是错误的。
我的答案:对
解析:id选择器不支持像类选择器那样定义多个值,类似“id="bold font24"”的写法是完全错误的。
32【判断题】同一个id可以应用于多个标签,但浏览器会报错。
我的答案:错
解析:在很多浏览器下,同一个id可以应用于多个标签,浏览器并不报错,但是这种做法是不被允许的。
33【判断题】使用并集选择器定义样式与对各个基础选择器单独定义样式效果完全不同。
我的答案:错
解析:使用并集选择器定义样式与对各个基础选择器单独定义样式效果完全相同。
- 感谢你赐予我前进的力量