《网页设计与制作》层叠样式表（1）（举一反三考点练）-课后自测（卷1）

举一反三考点练 《网页设计与制作》层叠样式表-课后自测 知识点一 CSS基础概念与创建流程 1.（单项选择题）以下关于CSS的描述，错误的是（ ） A. CSS是控制网页内容外观的格式规则集合 B. CSS可以使网页内容与表现形式分离 C. CSS只能通过外部样式表的方式使用 D. CSS可以提高页面浏览速度 2.（单项选择题）在CSS中，以下哪种样式存放位置的优先级最高（ ） A. 外部样式表 B. 内部样式表 C. 内联样式 D. 浏览器默认样式 3.（多项选择题）以下哪些是CSS选择器的类型（ ） A. 标签选择器 B. 类选择器 C. 高级/ID选择器 D. 属性选择器 4.（多项选择题）关于CSS的维护，以下说法正确的是（ ） A. 文件头部注释写明作者、更新日期、版本号 B. 按“布局→组件→皮肤”顺序分组，便于检索 C. 修改后在DW“实时视图”检查，确认无错位或图片路径问题 D. 修改后无需检查，直接保存即可 5.（填空题）CSS的创建步骤中，新建选择器时，输入标签名或类名后，按下______键即可完成添加。 6.（判断题）CSS的创建步骤中，新建选择器时，DW会智能提示，用户不能对提示的候选规则进行调整（ ） 7.（判断题）CSS的创建步骤中，指定“源”时，只能选择“创建新的CSS文件”，不能选择“在页面中定义”（ ） 知识点二 核心选择器与样式属性 1.（单项选择题）以下CSS选择器中，优先级最高的是（ ） A.标签选择器 B.类选择器 C.ID选择器 D.伪类选择器 2.（单项选择题）在CSS中，设置元素外边距的属性是（ ） A.margin B.padding C.border D.width 3.（多项选择题）以下关于CSS样式的说法，正确的是（ ） A.内联样式不利于复用，但优先级最高 B.内部样式表适合单页特效或测试阶段，减少HTTP请求 C.外部样式表是大型站点的首选方案，修改一次即可影响所有引用页面 D.在CSS中，背景图像默认会随页面滚动而滚动 4.（多项选择题）以下CSS属性中，属于文本属性的是（ ） A.color B.font-family C.text-align D.background-color 5.（填空题）在CSS中，设置元素背景图像的属性是______。 6.（判断题）在CSS中，类选择器可以应用于页面中的任何元素，并且一个页面可以多次引用同一个类选择器（ ） 可以多次引用同一个类选择器。 7.（判断题）在CSS中，设置元素的宽度和高度时，只能使用像素单位（ ） 知识点三 外部样式表链接、维护与媒体查询 1.（单项选择题）以下关于外部样式表链接的说法正确的是（ ） A. 使用\<link\>标签引入外部样式表时，必须指定`href`属性 B. 使用\@import规则引入外部样式表时，必须指定`url`属性 C. 外部样式表文件的扩展名可以是任意的 D. 外部样式表文件必须放在网站的根目录下 2.（单项选择题）在使用媒体查询时，以下哪个条件用于指定屏幕的最大宽度（ ） A. `min-width` B. `max-width` C. `width` D. `device-width` 3.（多项选择题）关于外部样式表的维护，以下说法正确的是（ ） A. 应该在外部样式表文件的头部添加注释，说明文件的作者、更新日期和版本号 B. 外部样式表文件应该按照功能分组，便于检索和维护 C. 修改外部样式表文件后，需要在每个链接该文件的网页中手动更新 D. 使用Git等版本控制系统可以方便地管理外部样式表文件的版本 4.（多项选择题）以下关于媒体查询的描述正确的是（ ） A. 媒体查询可以用于针对不同的设备应用不同的样式 B. 媒体查询支持使用`and`组合多个条件 C. 媒体查询不支持使用`not`关键字 D. 媒体查询可以提高网页的兼容性 5.（填空题）在HTML文件中，使用______属性可以指定外部样式表文件的路径。 6.（判断题）媒体查询只能用于指定屏幕宽度（ ） 7.（判断题）外部样式表文件的维护不需要版本控制（ ） 原创精品资源学科网独家享有版权，侵权必究！2 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $ 举一反三考点练 《网页设计与制作》层叠样式表-课后自测 知识点一 CSS基础概念与创建流程 1.（单项选择题）以下关于CSS的描述，错误的是（ ） A. CSS是控制网页内容外观的格式规则集合 B. CSS可以使网页内容与表现形式分离 C. CSS只能通过外部样式表的方式使用 D. CSS可以提高页面浏览速度 【答案】C 【解析】CSS是控制网页内容外观的格式规则集合，可以使网页内容与表现形式分离，提高页面浏览速度，这是CSS的基本概念和优势。CSS不仅可以使用外部样式表的方式，还可以使用内部样式表和内联样式的方式，因此选项C的说法是错误的。 2.（单项选择题）在CSS中，以下哪种样式存放位置的优先级最高（ ） A. 外部样式表 B. 内部样式表 C. 内联样式 D. 浏览器默认样式 【答案】C 【解析】在CSS中，样式存放位置的优先级从高到低依次为：内联样式、内部样式表、外部样式表、浏览器默认样式。因此，内联样式的优先级最高。 3.（多项选择题）以下哪些是CSS选择器的类型（ ） A. 标签选择器 B. 类选择器 C. 高级/ID选择器 D. 属性选择器 【答案】ABCD 【解析】CSS选择器的类型包括标签选择器、类选择器、高级/ID选择器和属性选择器等。标签选择器用于直接重新定义HTML标签；类选择器用于自定义名称的样式，可应用于任何元素；高级/ID选择器包括伪类、ID选择器和组合选择器等，用于更精细的样式控制；属性选择器用于选择具有特定属性的元素。 4.（多项选择题）关于CSS的维护，以下说法正确的是（ ） A. 文件头部注释写明作者、更新日期、版本号 B. 按“布局→组件→皮肤”顺序分组，便于检索 C. 修改后在DW“实时视图”检查，确认无错位或图片路径问题 D. 修改后无需检查，直接保存即可 【答案】ABC 【解析】在CSS的维护中，文件头部注释写明作者、更新日期、版本号，便于后续的版本管理和维护；按“布局→组件→皮肤”顺序分组，可以使样式表结构清晰，便于检索和查找；修改后在Dreamweaver的“实时视图”中检查，可以及时发现并解决问题，如错位或图片路径问题等。选项D说法错误，修改后需要进行检查，确保样式表的正确性和稳定性。 5.（填空题）CSS的创建步骤中，新建选择器时，输入标签名或类名后，按下______键即可完成添加。 【答案】回车 【解析】在CSS的创建步骤中，新建选择器时，输入标签名或类名后，按下回车键即可完成添加。这是Dreamweaver中创建选择器的基本操作，回车键用于确认输入的内容。 6.（判断题）CSS的创建步骤中，新建选择器时，DW会智能提示，用户不能对提示的候选规则进行调整（ ） 【答案】× 【解析】在CSS的创建步骤中，新建选择器时，Dreamweaver会智能提示，用户可以使用上下箭头键对提示的候选规则进行调整，选择更合适的选择器。因此，用户是可以对提示的候选规则进行调整的。 7.（判断题）CSS的创建步骤中，指定“源”时，只能选择“创建新的CSS文件”，不能选择“在页面中定义”（ ） 【答案】× 【解析】在CSS的创建步骤中，指定“源”时，可以选择“创建新的CSS文件”，也可以选择“在页面中定义”。选择“创建新的CSS文件”可以生成外部样式表，便于多页面共享；选择“在页面中定义”可以生成内部样式表，适用于单页特效或测试阶段。因此，选项中的说法是错误的。 知识点二 核心选择器与样式属性 1.（单项选择题）以下CSS选择器中，优先级最高的是（ ） A.标签选择器 B.类选择器 C.ID选择器 D.伪类选择器 【答案】C 【解析】在CSS选择器中，优先级从高到低依次是：内联样式、ID选择器、类选择器、伪类选择器、标签选择器。 2.（单项选择题）在CSS中，设置元素外边距的属性是（ ） A.margin B.padding C.border D.width 【答案】A 【解析】margin属性用于设置元素的外边距，padding设置内边距，border设置边框，width设置元素宽度。 3.（多项选择题）以下关于CSS样式的说法，正确的是（ ） A.内联样式不利于复用，但优先级最高 B.内部样式表适合单页特效或测试阶段，减少HTTP请求 C.外部样式表是大型站点的首选方案，修改一次即可影响所有引用页面 D.在CSS中，背景图像默认会随页面滚动而滚动 【答案】ABCD 【解析】内联样式、内部样式表、外部样式表的说法都是正确的，背景图像默认情况下是会随页面滚动而滚动的。 4.（多项选择题）以下CSS属性中，属于文本属性的是（ ） A.color B.font-family C.text-align D.background-color 【答案】ABC 【解析】color、font-family、text-align都是文本属性，用于设置文本的颜色、字体类型和对齐方式。background-color是背景属性，用于设置元素的背景颜色。 5.（填空题）在CSS中，设置元素背景图像的属性是______。 【答案】background-image 【解析】background-image属性用于设置元素的背景图像，通过指定图像的URL来实现。 6.（判断题）在CSS中，类选择器可以应用于页面中的任何元素，并且一个页面可以多次引用同一个类选择器（ ） 【答案】√ 【解析】类选择器以“.”开头，可以应用于页面中的任何元素，实现模块化、差异化设计，并且一个页面可以多次引用同一个类选择器。 7.（判断题）在CSS中，设置元素的宽度和高度时，只能使用像素单位（ ） 【答案】× 【解析】在CSS中，设置元素的宽度和高度时，不仅可以使用像素单位，还可以使用百分比、em、rem等其他单位。 知识点三 外部样式表链接、维护与媒体查询 1.（单项选择题）以下关于外部样式表链接的说法正确的是（ ） A. 使用\<link\>标签引入外部样式表时，必须指定`href`属性 B. 使用\@import规则引入外部样式表时，必须指定`url`属性 C. 外部样式表文件的扩展名可以是任意的 D. 外部样式表文件必须放在网站的根目录下 【答案】A 【解析】使用\<link\>标签引入外部样式表时，必须指定`href`属性，指向外部样式表文件的路径。而\@import规则引入外部样式表时，需要指定样式表文件的路径，但不是`url`属性。外部样式表文件的扩展名通常是.css，而不是任意的。外部样式表文件可以放在网站的任何位置，不一定必须放在根目录下。 2.（单项选择题）在使用媒体查询时，以下哪个条件用于指定屏幕的最大宽度（ ） A. `min-width` B. `max-width` C. `width` D. `device-width` 【答案】B 【解析】`max-width`用于指定屏幕的最大宽度，当屏幕宽度小于或等于该值时，应用相应的样式。`min-width`用于指定屏幕的最小宽度，`width`用于指定屏幕的精确宽度，`device-width`用于指定设备的屏幕宽度。 3.（多项选择题）关于外部样式表的维护，以下说法正确的是（ ） A. 应该在外部样式表文件的头部添加注释，说明文件的作者、更新日期和版本号 B. 外部样式表文件应该按照功能分组，便于检索和维护 C. 修改外部样式表文件后，需要在每个链接该文件的网页中手动更新 D. 使用Git等版本控制系统可以方便地管理外部样式表文件的版本 【答案】ABD 【解析】在外部样式表文件的头部添加注释，说明文件的作者、更新日期和版本号，有助于团队协作和后续维护。外部样式表文件应该按照功能分组，便于检索和维护。修改外部样式表文件后，所有链接该文件的网页都会自动更新，不需要手动更新。使用Git等版本控制系统可以方便地管理外部样式表文件的版本，便于回滚和比较。 4.（多项选择题）以下关于媒体查询的描述正确的是（ ） A. 媒体查询可以用于针对不同的设备应用不同的样式 B. 媒体查询支持使用`and`组合多个条件 C. 媒体查询不支持使用`not`关键字 D. 媒体查询可以提高网页的兼容性 【答案】ABD 【解析】媒体查询可以用于针对不同的设备应用不同的样式，支持使用`and`组合多个条件，也可以使用`not`关键字来排除某些条件。媒体查询可以提高网页的兼容性，使网页在不同设备上都能有良好的显示效果。 5.（填空题）在HTML文件中，使用______属性可以指定外部样式表文件的路径。 【答案】href 【解析】在HTML文件中，使用`href`属性可以指定外部样式表文件的路径，这是\<link\>标签引入外部样式表时必须指定的属性。 6.（判断题）媒体查询只能用于指定屏幕宽度（ ） 【答案】× 【解析】媒体查询不仅可以用于指定屏幕宽度，还可以指定其他媒体特性，如屏幕方向（`orientation`）、设备类型（`device-width`）等。 7.（判断题）外部样式表文件的维护不需要版本控制（ ） 【答案】× 【解析】外部样式表文件的维护需要版本控制，使用Git等版本控制系统可以方便地管理外部样式表文件的版本，便于回滚和比较。 原创精品资源学科网独家享有版权，侵权必究！2 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $