第20卷 CSS样式的创建、管理与网页美化 《网页制作》山东省（春季高考）《数字媒体类考纲百套卷》

编写说明：2027版山东省春季高考统一考试数字媒体类《考纲百套卷》，依据《数字媒体类专业知识考试标准》编写。本专辑涵盖三个部分，第一部分为知识训练卷，第二部分为专题训练卷，第三部分为课程综合卷。本专辑共74份试卷，其中知识训练卷44份、专题训练卷18份、课程综合卷12份。 本试卷是第20卷，为知识训练卷，按《网页制作》中“CSS样式的创建、管理与网页美化”范围和要求编写。具体内容为：（1）掌握创建、定义和管理CSS样式的方法。（2）掌握使用CSS样式美化网页的方法。 山东省春季高考统一考试 数字媒体类《考纲百套卷》 第20卷 网页制作——CSS样式的创建、管理与网页美化 （考试时间：45分钟 满分：100分） 一、选择题（共35题，每题2分，共70分） 1．用于统一控制网页元素显示效果的样式技术通常称为（　　） A．CSS样式 B．页面布局 C．媒体内容 D．网页结构 【答案】A 【解析】CSS用于定义网页元素的显示样式，可以统一控制页面外观。 2．CSS样式的主要作用是将网页的内容与（　　）分离 A．文件路径 B．音频内容 C．图像像素 D．表现形式 【答案】D 【解析】CSS可以把结构和内容与颜色、字体、间距等表现形式分开管理。 3．在网页编辑工具中创建CSS样式时，首先应新建一个样式（　　） A．画布 B．图层 C．音轨 D．规则 【答案】D 【解析】样式规则是CSS定义和保存属性设置的基本单位。 4．CSS样式规则通常由选择器和属性设置两部分（　　） A．裁剪 B．组成 C．扫描 D．播放 【答案】B 【解析】CSS规则通常包含选择器，以及写在声明块中的属性和值。 5．用于指定样式应用到哪些网页元素的部分称为（　　） A．背景图 B．文本框 C．选择器 D．时间轴 【答案】C 【解析】选择器用于匹配需要应用样式的HTML元素。 6．CSS中用于设置文字颜色的属性是（　　） A．display B．margin C．color D．width 【答案】C 【解析】color属性用于设置文字颜色。 7．CSS中用于设置网页元素背景颜色的属性是（　　） A．background-color B．background-size C．background-repeat D．background-position 【答案】A 【解析】background-color用于设置元素的背景颜色。 8．CSS中用于设置文字大小的属性是（　　） A．font-size B．font-family C．font-style D．font-weight 【答案】A 【解析】font-size用于设置文字的字号大小。 9．CSS中用于设置文字字体的属性是（　　） A．line-height B．border-style C．overflow D．font-family 【答案】D 【解析】font-family用于指定文字所使用的字体。 10．CSS中用于设置文字粗细程度的属性是（　　） A．text-align B．font-weight C．background-image D．position 【答案】B 【解析】font-weight用于设置文字的粗细，如正常或加粗。 11．CSS中用于设置文字水平对齐方式的属性是（　　） A．border-width B．z-index C．font-style D．text-align 【答案】D 【解析】text-align用于控制文字的左对齐、居中或右对齐等方式。 12．CSS中用于设置文字行间距离的属性是（　　） A．background-repeat B．letter-spacing C．font-family D．line-height 【答案】D 【解析】line-height用于设置文本行之间的高度关系。 13．CSS中用于设置字符之间距离的属性是（　　） A．border-color B．line-height C．letter-spacing D．text-decoration 【答案】C 【解析】letter-spacing用于调整字符之间的间距。 14．CSS中用于设置文字下划线等装饰效果的属性是（　　） A．font-weight B．text-indent C．text-decoration D．letter-spacing 【答案】C 【解析】text-decoration可以设置下划线、删除线等文字装饰。 15．希望网页背景显示一张图片时，应设置背景的（　　）属性 A．background-color B．background-image C．background-repeat D．background-position 【答案】B 【解析】background-image用于指定元素的背景图片。 16．背景图片在元素中重复铺开时，通常与（　　）属性有关 A．background-image B．background-repeat C．background-color D．background-position 【答案】B 【解析】background-repeat用于设置背景图片是否以及如何重复。 17．希望背景图片固定在某个位置显示时，可以设置背景（　　）属性 A．background-color B．background-repeat C．background-image D．background-position 【答案】D 【解析】background-position用于设置背景图片的位置。 18．CSS中用于设置元素边框线条样式的属性是（　　） A．border-style B．border-radius C．font-weight D．line-height 【答案】A 【解析】border-style用于设置实线、虚线等边框样式。 19．CSS中用于设置元素边框粗细的属性是（　　） A．border-style B．border-width C．border-color D．border-radius 【答案】B 【解析】border-width用于设置边框的宽度。 20．CSS中用于设置元素边框颜色的属性是（　　） A．background-position B．border-color C．border-style D．font-family 【答案】B 【解析】border-color用于设置边框颜色。 21．CSS中用于使边框角部呈圆角效果的属性是（　　） A．border-width B．float C．border-radius D．text-decoration 【答案】C 【解析】border-radius用于设置边框圆角。 22．盒模型中，内容与边框之间的区域称为（　　） A．内边距 B．定位层 C．外边距 D．选择器 【答案】A 【解析】内边距padding位于内容与边框之间。 23．盒模型中，边框外部与其他元素之间的距离称为（　　） A．外边距 B．内边距 C．内容区 D．背景层 【答案】A 【解析】外边距margin用于控制元素边框与其他元素之间的距离。 24．CSS中用于设置元素内边距的属性是（　　） A．margin B．border C．padding D．outline 【答案】C 【解析】padding用于设置内容与边框之间的内边距。 25．CSS中用于设置元素外边距的属性是（　　） A．opacity B．height C．margin D．padding 【答案】C 【解析】margin用于设置元素外部的空白距离。 26．CSS中用于设置元素宽度的属性是（　　） A．height B．width C．position D．visibility 【答案】B 【解析】width用于设置元素的宽度。 27．CSS中用于设置元素高度的属性是（　　） A．float B．width C．cursor D．height 【答案】D 【解析】height用于设置元素的高度。 28．希望多个网页页面使用同一套样式时，适合使用（　　）样式表 A．音频 B．外部 C．临时 D．图像 【答案】B 【解析】外部样式表可以被多个页面引用，便于统一维护。 29．只希望当前网页使用某段CSS样式时，可在页面中使用（　　）样式 A．外部 B．共享音频 C．隐藏图像 D．内部 【答案】D 【解析】内部样式写在当前网页文档中，通常只服务于该页面。 30．只对某一个网页元素临时设置CSS效果，通常属于（　　）样式 A．外部 B．行内 C．全站 D．模板 【答案】B 【解析】行内样式直接写在元素上，作用范围通常是单个元素。 31．将多个页面共同使用的CSS集中保存，有利于样式的（　　） A．统一管理 B．随机播放 C．图像裁剪 D．声音合成 【答案】A 【解析】集中管理样式可以减少重复设置，便于修改和维护。 32．修改一个被多个页面引用的外部样式规则后，相关页面通常会（　　）该样式变化 A．全部删除 B．停止播放 C．同时体现 D．转换格式 【答案】C 【解析】多个页面引用同一外部样式表时，修改规则后可以统一体现变化。 33．CSS样式应用到网页后，通常应通过浏览器预览检查（　　） A．音频码率 B．图像通道 C．显示效果 D．相机焦距 【答案】C 【解析】浏览器预览可以检查样式在实际页面中的显示和布局效果。 34．网页中同一类标题需要保持字体、颜色和间距一致，较合适的做法是（　　） A．定义并应用样式 B．取消所有页面间距 C．逐字修改页面内容 D．为每个标题插入音频 【答案】A 【解析】为同类元素定义统一样式并重复应用，有利于保持页面风格一致。 35．设置CSS后部分内容被遮挡，除检查尺寸外还应检查元素的（　　）关系 A．层叠和定位 B．音量和帧率 C．字体和编码 D．图像和通道 【答案】A 【解析】定位和层叠关系会影响元素的覆盖顺序及显示位置。 二、简答题（共2题，每题10分，共20分） 1．简述CSS样式的创建、应用和检查步骤。 【答案】先创建样式规则，选择需要设置的网页元素；再定义字体、颜色、背景、边框或间距等属性，并将样式应用到相应元素；最后在浏览器中预览，检查显示效果并根据需要修改。 【解析】回答应包含创建规则、定义属性、应用样式和预览检查四个基本环节。 2．简述内嵌（行内）、内部和外部CSS样式的区别。 【答案】行内样式直接写在单个元素上，作用范围小；内部样式写在当前网页中，主要供本页使用；外部样式保存在独立文件中，可供多个页面引用，便于统一管理。 【解析】回答应说明三种样式的保存位置、作用范围和外部样式便于多页面统一维护的特点。 三、案例分析题（共1题，共10分） 1．某学校要统一美化校园网站的首页、新闻页和活动页：三页的标题、导航和正文需要保持一致；首页需要设置浅色背景图，导航需要有边框和悬停效果，正文段落需要调整字体、行距和外边距；页面中有一个内容框出现遮挡。请说明： （1）应如何创建、组织和应用CSS样式； （2）如何完成背景、文字、边框和间距等网页美化； （3）如何排查内容框遮挡并检查最终效果。 【答案】（1）将共同的标题、导航和正文规则建立为外部CSS样式表，按元素或类别定义样式并分别在三页中引用；页面特有的背景设置可使用内部样式，单个元素的临时调整可使用行内样式，并注意样式的管理和覆盖关系。 （2）使用background-image及相关属性设置首页背景图；使用color、font-family、font-size、font-weight、text-align和line-height设置文字；使用border及其样式、宽度、颜色和圆角属性设置导航边框；使用padding和margin调整内容内部及元素之间的间距。 （3）检查内容框的width、height、padding、margin、position和z-index等设置，确认定位及层叠关系没有造成覆盖；在浏览器中分别预览三页，检查标题、导航悬停效果、背景、文字、边框、间距和不同窗口宽度下的布局。 【解析】本题综合考查CSS样式的创建、组织、引用和应用，以及背景、文字、边框、盒模型间距、定位层叠和浏览器预览检查。作答应将共用样式与页面特有样式合理区分。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $ 编写说明：2027版山东省春季高考统一考试数字媒体类《考纲百套卷》，依据《数字媒体类专业知识考试标准》编写。本专辑涵盖三个部分，第一部分为知识训练卷，第二部分为专题训练卷，第三部分为课程综合卷。本专辑共74份试卷，其中知识训练卷44份、专题训练卷18份、课程综合卷12份。 本试卷是第20卷，为知识训练卷，按《网页制作》中“CSS样式的创建、管理与网页美化”范围和要求编写。具体内容为：（1）掌握创建、定义和管理CSS样式的方法。（2）掌握使用CSS样式美化网页的方法。 山东省春季高考统一考试 数字媒体类《考纲百套卷》 第20卷 网页制作——CSS样式的创建、管理与网页美化 （考试时间：45分钟 满分：100分） 一、选择题（共35题，每题2分，共70分） 1．用于统一控制网页元素显示效果的样式技术通常称为（　　） A．CSS样式 B．页面布局 C．媒体内容 D．网页结构 2．CSS样式的主要作用是将网页的内容与（　　）分离 A．文件路径 B．音频内容 C．图像像素 D．表现形式 3．在网页编辑工具中创建CSS样式时，首先应新建一个样式（　　） A．画布 B．图层 C．音轨 D．规则 4．CSS样式规则通常由选择器和属性设置两部分（　　） A．裁剪 B．组成 C．扫描 D．播放 5．用于指定样式应用到哪些网页元素的部分称为（　　） A．背景图 B．文本框 C．选择器 D．时间轴 6．CSS中用于设置文字颜色的属性是（　　） A．display B．margin C．color D．width 7．CSS中用于设置网页元素背景颜色的属性是（　　） A．background-color B．background-size C．background-repeat D．background-position 8．CSS中用于设置文字大小的属性是（　　） A．font-size B．font-family C．font-style D．font-weight 9．CSS中用于设置文字字体的属性是（　　） A．line-height B．border-style C．overflow D．font-family 10．CSS中用于设置文字粗细程度的属性是（　　） A．text-align B．font-weight C．background-image D．position 11．CSS中用于设置文字水平对齐方式的属性是（　　） A．border-width B．z-index C．font-style D．text-align 12．CSS中用于设置文字行间距离的属性是（　　） A．background-repeat B．letter-spacing C．font-family D．line-height 13．CSS中用于设置字符之间距离的属性是（　　） A．border-color B．line-height C．letter-spacing D．text-decoration 14．CSS中用于设置文字下划线等装饰效果的属性是（　　） A．font-weight B．text-indent C．text-decoration D．letter-spacing 15．希望网页背景显示一张图片时，应设置背景的（　　）属性 A．background-color B．background-image C．background-repeat D．background-position 16．背景图片在元素中重复铺开时，通常与（　　）属性有关 A．background-image B．background-repeat C．background-color D．background-position 17．希望背景图片固定在某个位置显示时，可以设置背景（　　）属性 A．background-color B．background-repeat C．background-image D．background-position 18．CSS中用于设置元素边框线条样式的属性是（　　） A．border-style B．border-radius C．font-weight D．line-height 19．CSS中用于设置元素边框粗细的属性是（　　） A．border-style B．border-width C．border-color D．border-radius 20．CSS中用于设置元素边框颜色的属性是（　　） A．background-position B．border-color C．border-style D．font-family 21．CSS中用于使边框角部呈圆角效果的属性是（　　） A．border-width B．float C．border-radius D．text-decoration 22．盒模型中，内容与边框之间的区域称为（　　） A．内边距 B．定位层 C．外边距 D．选择器 23．盒模型中，边框外部与其他元素之间的距离称为（　　） A．外边距 B．内边距 C．内容区 D．背景层 24．CSS中用于设置元素内边距的属性是（　　） A．margin B．border C．padding D．outline 25．CSS中用于设置元素外边距的属性是（　　） A．opacity B．height C．margin D．padding 26．CSS中用于设置元素宽度的属性是（　　） A．height B．width C．position D．visibility 27．CSS中用于设置元素高度的属性是（　　） A．float B．width C．cursor D．height 28．希望多个网页页面使用同一套样式时，适合使用（　　）样式表 A．音频 B．外部 C．临时 D．图像 29．只希望当前网页使用某段CSS样式时，可在页面中使用（　　）样式 A．外部 B．共享音频 C．隐藏图像 D．内部 30．只对某一个网页元素临时设置CSS效果，通常属于（　　）样式 A．外部 B．行内 C．全站 D．模板 31．将多个页面共同使用的CSS集中保存，有利于样式的（　　） A．统一管理 B．随机播放 C．图像裁剪 D．声音合成 32．修改一个被多个页面引用的外部样式规则后，相关页面通常会（　　）该样式变化 A．全部删除 B．停止播放 C．同时体现 D．转换格式 33．CSS样式应用到网页后，通常应通过浏览器预览检查（　　） A．音频码率 B．图像通道 C．显示效果 D．相机焦距 34．网页中同一类标题需要保持字体、颜色和间距一致，较合适的做法是（　　） A．定义并应用样式 B．取消所有页面间距 C．逐字修改页面内容 D．为每个标题插入音频 35．设置CSS后部分内容被遮挡，除检查尺寸外还应检查元素的（　　）关系 A．层叠和定位 B．音量和帧率 C．字体和编码 D．图像和通道 二、简答题（共2题，每题10分，共20分） 1．简述CSS样式的创建、应用和检查步骤。   2．简述内嵌（行内）、内部和外部CSS样式的区别。   三、案例分析题（共1题，共10分） 1．某学校要统一美化校园网站的首页、新闻页和活动页：三页的标题、导航和正文需要保持一致；首页需要设置浅色背景图，导航需要有边框和悬停效果，正文段落需要调整字体、行距和外边距；页面中有一个内容框出现遮挡。请说明： （1）应如何创建、组织和应用CSS样式； （2）如何完成背景、文字、边框和间距等网页美化； （3）如何排查内容框遮挡并检查最终效果。   原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $