第5单元 第14练 修饰页面元素《计算机网络基础》(高教版第二版) 一课一练

编写说明：考虑到中职学生普遍基础知识相对薄弱的情况，我们依据支架式教学理念，精心编制了《计算机网络基础》(高教版第二版)一课一练。专辑里的每一份练习，都与课堂所授知识点紧密相关，题目围绕课堂所学知识点呈现。目的在于激发学生的学习兴趣，培养他们的学习自觉性，帮助学生扎实掌握课程的基本概念与基本方法，为他们后续的进一步提升奠定坚实基础。 本卷是《计算机网络基础》(高教版第二版)一课一练的第5单元的第14练，内容涵盖第5单元网页制作 任务3 修饰页面元素。 《计算机网络基础》(高教版第二版)第14练 第5单元 网页制作 任务3 修饰页面元素 1、 单项选择题（本题共5小题） 1.在"舌尖上的杭州"首页中，页脚部分的所有<p>标签具有相同的样式。管理员在style.css中使用了如下代码：.footer { height:50px; text-align:center; line-height:50px; background-color:#f4af14; color:white; font-size:20px; } 并设置页脚<p>标签的class属性值为footer。下列关于该段CSS代码的描述，正确的是（ ）。 A.该段代码使用标签选择器选择页脚<p>标签，为其定义样式 B.该段代码使用类选择器选择class属性值为footer的元素，为其定义样式 C.该段代码使用ID选择器选择id属性值为footer的元素，为其定义样式 D.该段代码属于行内样式，直接写在<p>标签的style属性中 【答案】B 【解析】代码中.footer以点号"."开头，是类选择器的标志，用于选择页面中所有class属性值为footer的元素。A项错误，标签选择器以标签名（如p）开头，不带"."；C项错误，ID选择器以"#"开头；D项错误，行内样式直接写在HTML元素的style属性中，而该样式定义在外部样式style.css中。 2.关于CSS背景属性的缩写background: #fff url("image.jpg") no-repeat center center;，下列说法正确的是（ ） A.该缩写设置了背景色、背景图、不重复及居中对齐 B.该缩写只设置了背景色 C.该缩写只设置了背景图 D.该缩写格式错误，不能使用 【答案】A 【解析】background复合属性可以一次设置多个背景相关属性。#fff是背景色，url("image.jpg")是背景图，no-repeat表示背景图不重复，center center表示背景图位置居中（水平和垂直方向都居中）。这是CSS背景样式的高效书写方式，因此选A。 3.在cbhzz.html页面中，管理员需要为<video>标签设置圆角边框（半径20像素）。由于页面中<video>标签只有一处，管理员直接使用标签选择器进行定义。以下代码中正确的是（ ） A.video{border-radius:20px;} B.#video{border-radius:20px;} C..video{border-radius:20px;} D.video{color:20px;} 【答案】A 【解析】<video>标签只有一处时，可直接使用标签选择器进行属性设置。标签选择器以HTML标签名作为选择器名称，即video{border-radius:20px;}。B项#video是ID选择器写法；C项.video是类选择器写法；D项color是文字颜色属性而非边框圆角，且值20px错误。 4.在cbhzz.html页面中，管理员需要为"小贴士"内容部分添加整体样式（行高36px，点状边框等），但页面中不止一处<p>标签。为精确选择该"小贴士"段落，管理员为<p>标签添加了id属性，值设为xts，并使用内部样式定义。以下做法正确的是（ ） A.使用标签选择器p{...}定义样式，这样所有<p>标签都会应用该样式 B.使用类选择器.xts{...}定义样式，因为id属性在页面中唯一 C.使用ID选择器#xts{...}定义样式，因为id属性在HTML文档中是唯一的，ID选择器通常用于选择单个元素 D.使用后代选择器p p{...}定义样式 【答案】C 【解析】ID在HTML文档中是唯一的，因此ID选择器通常用于选择单个元素。为<p>标签设置id为xts后，应使用ID选择器#xts{...}精确选择该段落。A项错误，标签选择器p会作用于页面所有<p>标签；B项错误，设置了id属性应使用ID选择器而非类选择器；D项错误，后代选择器不适用于此处精确选中单个元素。 5.以下CSS代码中，border: 4px dotted #ffb389; 是"舌尖上的杭州"首页中.food类样式的边框定义。关于该条边框缩写属性的含义，描述正确的是（ ） A.边框宽度4像素，边框样式为虚线，边框颜色为#ffb389 B.边框宽度4像素，边框样式为点状线，边框颜色为#ffb389 C.边框宽度4像素，边框样式为实线，边框颜色为#ffb389 D.边框宽度4像素，边框样式为双线，边框颜色为#ffb389 【答案】B 【解析】border是border-width、border-style和border-color的缩写属性，语法为border:border-width border-style border-color;。该代码中4px是宽度，dotted是边框样式（点线边框，由一系列小点组成），#ffb389是颜色。A项错误，dotted是点状线而非虚线（虚线对应dashed）；C项错误，实线对应solid；D项错误，双线对应double。 2、 判断题（本题共5小题） 1.CSS（Cascading Style Sheets，层叠样式表）样式表由一系列规则组成，每条规则包括选择器和声明块。声明块包含在大括号"{}"中，由一系列声明组成，每个属性和值之间用冒号":"分隔，每条声明以分号";"结尾。（ ） 【答案】正确 【解析】CSS规则的基本语法：每条规则包括选择器和声明块，声明块包含在大括号"{}"中，属性和值之间用冒号":"分隔，每条声明以分号";"结尾，即选择器{属性1:属性值;属性2:属性值;...},表述正确。 2.CSS注释以"/"开头、以"/"结尾。注释在编程语言中具有解释和说明代码的功能，会被浏览器解析并显示在网页上，因此需要注意注释内容不能包含敏感信息。（ ） 【答案】错误 【解析】CSS注释不会被浏览器解析或显示，对页面的最终呈现没有直接影响。因此注释内容不会显示在网页上，说法错误。 3.标签选择器以HTML标签名作为选择器名称，用于选择页面中由该标签定义的所有元素。例如，在CSS规则中选择器p会选择页面上所有的<p>（段落）标签。（ ） 【答案】正确 【解析】标签选择器以HTML标签名作为选择器名称，用来选择页面中由该标签定义的元素。选择器p会选择页面上所有的<p>标签，表述正确。 4.border属性是border-width、border-style和border-color的缩写属性。例如border: 2px solid #333;表示边框宽度2像素、实线样式、颜色#333。如果只设置了border-width和border-color而没有设置border-style，边框仍然会正常显示。（ ） 【答案】错误 【解析】如果没有设置border-style，那么即使设置了边框的宽度和颜色，边框也不会显示。border-style（边框样式）是边框能否显示的关键属性。该说法错误。 5. 内部样式是将CSS规则直接写在HTML文件的<style>标签中，通常位于<head>部分，仅对当前HTML文档生效，不影响其他页面，适用于小型项目或单页应用。（ ） 【答案】正确 【解析】内部样式将CSS规则直接写在HTML文件的<style>标签中，通常位于<head>部分，只适用于该HTML文档，不影响其他页面，适用于小型项目或单页应用，或当某些页面需要与其他页面有显著不同的样式时。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ 编写说明：考虑到中职学生普遍基础知识相对薄弱的情况，我们依据支架式教学理念，精心编制了《计算机网络基础》(高教版第二版)一课一练。专辑里的每一份练习，都与课堂所授知识点紧密相关，题目围绕课堂所学知识点呈现。目的在于激发学生的学习兴趣，培养他们的学习自觉性，帮助学生扎实掌握课程的基本概念与基本方法，为他们后续的进一步提升奠定坚实基础。 本卷是《计算机网络基础》(高教版第二版)一课一练的第5单元的第14练，内容涵盖第5单元网页制作 任务3 修饰页面元素。 《计算机网络基础》(高教版第二版)第14练 第5单元 网页制作 任务3 修饰页面元素 1、 单项选择题（本题共5小题） 1.在"舌尖上的杭州"首页中，页脚部分的所有<p>标签具有相同的样式。管理员在style.css中使用了如下代码：.footer { height:50px; text-align:center; line-height:50px; background-color:#f4af14; color:white; font-size:20px; } 并设置页脚<p>标签的class属性值为footer。下列关于该段CSS代码的描述，正确的是（ ）。 A.该段代码使用标签选择器选择页脚<p>标签，为其定义样式 B.该段代码使用类选择器选择class属性值为footer的元素，为其定义样式 C.该段代码使用ID选择器选择id属性值为footer的元素，为其定义样式 D.该段代码属于行内样式，直接写在<p>标签的style属性中 2.关于CSS背景属性的缩写background: #fff url("image.jpg") no-repeat center center;，下列说法正确的是（ ） A.该缩写设置了背景色、背景图、不重复及居中对齐 B.该缩写只设置了背景色 C.该缩写只设置了背景图 D.该缩写格式错误，不能使用 3.在cbhzz.html页面中，管理员需要为<video>标签设置圆角边框（半径20像素）。由于页面中<video>标签只有一处，管理员直接使用标签选择器进行定义。以下代码中正确的是（ ） A.video{border-radius:20px;} B.#video{border-radius:20px;} C..video{border-radius:20px;} D.video{color:20px;} 4.在cbhzz.html页面中，管理员需要为"小贴士"内容部分添加整体样式（行高36px，点状边框等），但页面中不止一处<p>标签。为精确选择该"小贴士"段落，管理员为<p>标签添加了id属性，值设为xts，并使用内部样式定义。以下做法正确的是（ ） A.使用标签选择器p{...}定义样式，这样所有<p>标签都会应用该样式 B.使用类选择器.xts{...}定义样式，因为id属性在页面中唯一 C.使用ID选择器#xts{...}定义样式，因为id属性在HTML文档中是唯一的，ID选择器通常用于选择单个元素 D.使用后代选择器p p{...}定义样式 5.以下CSS代码中，border: 4px dotted #ffb389; 是"舌尖上的杭州"首页中.food类样式的边框定义。关于该条边框缩写属性的含义，描述正确的是（ ） A.边框宽度4像素，边框样式为虚线，边框颜色为#ffb389 B.边框宽度4像素，边框样式为点状线，边框颜色为#ffb389 C.边框宽度4像素，边框样式为实线，边框颜色为#ffb389 D.边框宽度4像素，边框样式为双线，边框颜色为#ffb389 2、 判断题（本题共5小题） 1.CSS（Cascading Style Sheets，层叠样式表）样式表由一系列规则组成，每条规则包括选择器和声明块。声明块包含在大括号"{}"中，由一系列声明组成，每个属性和值之间用冒号":"分隔，每条声明以分号";"结尾。（ ） 2.CSS注释以"/"开头、以"/"结尾。注释在编程语言中具有解释和说明代码的功能，会被浏览器解析并显示在网页上，因此需要注意注释内容不能包含敏感信息。（ ） 3.标签选择器以HTML标签名作为选择器名称，用于选择页面中由该标签定义的所有元素。例如，在CSS规则中选择器p会选择页面上所有的<p>（段落）标签。（ ） 4.border属性是border-width、border-style和border-color的缩写属性。例如border: 2px solid #333;表示边框宽度2像素、实线样式、颜色#333。如果只设置了border-width和border-color而没有设置border-style，边框仍然会正常显示。（ ） 5. 内部样式是将CSS规则直接写在HTML文件的<style>标签中，通常位于<head>部分，仅对当前HTML文档生效，不影响其他页面，适用于小型项目或单页应用。（ ） 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $