单元六 第31练 运用CSS《计算机网络应用基础》(高教版) 一课一练

编写说明：考虑到中职学生普遍基础知识相对薄弱的情况，我们依据支架式教学理念，精心编制了《计算机网络应用基础》(高教版)一课一练。专辑里的每一份练习，都与课堂所授知识点紧密相关，题目围绕课堂所学知识点呈现。目的在于激发学生的学习兴趣，培养他们的学习自觉性，帮助学生扎实掌握课程的基本概念与基本方法，为他们后续的进一步提升奠定坚实基础。 本卷是《计算机网络应用基础》(高教版)一课一练的单元六的第31练，内容涵盖单元六设计制作网页的6.4运用CSS。 《计算机网络应用基础》(高教版)第31练 单元6 设计制作网页 6.4 运用CSS 1、 单项选择题（本题共5小题） 1、下列CSS 选择器中优先级最高的是（ ） A. 元素选择器 B. 类选择器 C. ID 选择器 D. 通配符选择器​​​​​​​​​​​​​​​​ 2、若要将元素的文本颜色设置为红色，下列正确的 CSS 代码是（ ） A. color: red; B. font-color: red; C. text-color: red; D. text: color red;​​​​​​​​​​​​​​​​​ 3、控制元素外边距的属性是（ ） A. padding B. margin C. border D. spacing​​​​​​​​​​​​​​​​ 4、在CSS中，下列属性中用于设置元素字体大小的是（ ） A. font-family B. font-size C. font-weight D. font-style​​​​​​​​​​​​ ​​​​ 5、在CSS中，用于设置元素文本对齐方式的是（ ） A. text-align B. text-decoration C. text-transform D. text-indent​​​​​​​​​​​​ 2、 判断题（本题共5小题） 1、float: left; 会使元素脱离文档流，且父元素可能因失去子元素高度而 “坍塌”。（ ） 2、CSS 中的 box-sizing: border-box; 会使元素的宽度和高度包含内边距和边框。（ ） 3、伪类 :hover 只能用于 <a> 标签，无法应用于其他元素。（ ） 4、在CSS中，margin 和 padding 的作用是相同的，都可以设置元素的外边距和内边距。（ ） 5、在CSS中，float 属性用于设置元素的浮动，但浮动元素不会影响其他元素的布局。（ ） 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$ 编写说明：考虑到中职学生普遍基础知识相对薄弱的情况，我们依据支架式教学理念，精心编制了《计算机网络应用基础》(高教版)一课一练。专辑里的每一份练习，都与课堂所授知识点紧密相关，题目围绕课堂所学知识点呈现。目的在于激发学生的学习兴趣，培养他们的学习自觉性，帮助学生扎实掌握课程的基本概念与基本方法，为他们后续的进一步提升奠定坚实基础。 本卷是《计算机网络应用基础》(高教版)一课一练的单元六的第31练，内容涵盖单元六设计制作网页的6.4运用CSS。 《计算机网络应用基础》(高教版)第31练 单元6 设计制作网页 6.4 运用CSS 1、 单项选择题（本题共5小题） 1、下列CSS 选择器中优先级最高的是（ ） A. 元素选择器 B. 类选择器 C. ID 选择器 D. 通配符选择器​​​​​​​​​​​​​​​​ 【答案】C 【解析】CSS 选择器的优先级从高到低为：!important > 内联样式（style属性）> ID 选择器 > 类选择器 / 伪类选择器 / 属性选择器 > 元素选择器 > 通配符选择器。 2、若要将元素的文本颜色设置为红色，下列正确的 CSS 代码是（ ） A. color: red; B. font-color: red; C. text-color: red; D. text: color red;​​​​​​​​​​​​​​​​​ 【答案】A 【解析】CSS 中用于设置文本颜色的属性是 color，语法为 color: 值;。其他选项均为错误属性名（如text-color和font-color并非 CSS 标准属性）。 3、控制元素外边距的属性是（ ） A. padding B. margin C. border D. spacing​​​​​​​​​​​​​​​ 【答案】B 【解析】margin 用于设置元素的外边距（元素外部与其他元素的距离）；padding 用于设置内边距（元素边框与内容的距离）；border 用于设置边框；CSS 中没有 spacing 属性（部分框架可能自定义，但非标准）。 4、在CSS中，下列属性中用于设置元素字体大小的是（ ） A. font-family B. font-size C. font-weight D. font-style 【答案】B 【解析】font-size 属性用于设置元素的字体大小。font-family 设置字体类型，font-weight 设置字体粗细，font-style 设置字体样式（如斜体）。 5、在CSS中，用于设置元素文本对齐方式的是（ ） A. text-align B. text-decoration C. text-transform D. text-indent 【答案】A 【解析】text-align 属性用于设置元素的文本对齐方式。text-decoration 设置文本装饰，text-transform 设置文本大小写转换，text-indent 设置文本缩进。 2、 判断题（本题共5小题） 1、float: left; 会使元素脱离文档流，且父元素可能因失去子元素高度而 “坍塌”。（ ） 【答案】√ 【解析】浮动元素会脱离正常文档流，不再占据原来的位置，导致父元素无法感知其高度，从而出现高度坍塌问题。 2、CSS 中的 box-sizing: border-box; 会使元素的宽度和高度包含内边距和边框。（ ） 【答案】√ 【解析】默认情况下，box-sizing 为 content-box，元素的宽度 / 高度仅包含内容区域；设置为 border-box 后，宽度 / 高度会包含内容、内边距和边框，更便于布局计算。 3、伪类 :hover 只能用于 <a> 标签，无法应用于其他元素。（ ） 【答案】× 【解析】:hover 伪类用于选择鼠标悬停的元素，可应用于任何 HTML 元素（如 <div:hover>、<button:hover> 等），并非仅局限于 <a> 标签。 4、在CSS中，margin 和 padding 的作用是相同的，都可以设置元素的外边距和内边距。（ ） 【答案】× 【解析】margin 用于设置元素的外边距，而padding 用于设置元素的内边距。两者的功能和作用范围不同。 5、在CSS中，float 属性用于设置元素的浮动，但浮动元素不会影响其他元素的布局。（ ） 【答案】× 【解析】float 属性用于设置元素的浮动，但浮动元素会对其周围的元素布局产生影响。浮动元素会脱离文档流，可能导致其他元素的布局发生变化。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$