《网页制作》- 表格、模板及AP Div在页面的布局 知识点训练 山东省《数字媒体类》考纲百套卷 第14卷

编写说明：《数字媒体类考纲百套卷》依据山东省《数字媒体类专业知识考试标准》编写，本套试卷共90份，由三个部分构成，第一部分是知识点训练卷，每个知识点1~5份试卷，共58份试卷，第二部分是常考题训练卷，每个知识模块2-4份训练卷，共22份试卷，第三个部分是参考历年软件应用类专业真题试卷，编写了10份专业综合训练卷。  本试卷是《数字媒体类考纲百套卷》的第14卷，按知识模块 2．网页制作---2．表格、模板及Div在页面布局与排版中的运用一个范围编写， 其要求是： （1）掌握表格的创建、编辑等基本操作。 （2）掌握使用表格布局页面的方法与技巧。 （3）理解模板的概念及作用。 （4）掌握使用模板文档统一网页风格和布局的方法。 （5）掌握 Div 基本操作、属性设置及在排版中的应用方法。 山东省《数字媒体类考纲百套卷》第14卷 知识模块 2．网页制作 2．表格、模板及Div在页面布局与排版中的运用 知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 一、单项选择题（本大题共25题，每题3分，共75分） 1. Div 元素在网页设计中的主要作用是（ ） A. 作为行内元素插入文本内容 B. 用于处理网页的交互功能 C. 用于设置网页的字体样式 D. 作为块级元素用于插入和布局网页元素 2. 下列关于 Div 元素的描述，（ ）是正确的 A. Div 元素具有默认的样式和布局 B. Div 元素不能与 CSS 样式结合使用 C. Div 元素是块级元素，可以用于网页布局 D. Div 元素只能用于插入图片 3. AP Div 元素是指（ ） A. 自适应大小的 Div 元素 B. 绝对定位的 Div 元素 C. 具有动画效果的 Div 元素 D. 异步加载的 Div 元素 4. AP Div 元素在网页设计中的常见应用不包括（ ） A. 创建重叠的网页元素 B. 精确控制元素位置 C. 处理表单数据提交 D. 制作弹出窗口或菜单 5. 在 “插入 Div” 对话框中，不能选择（ ）插入位置 A. 在插入点 B. 在标签选择之前 C. 在标签选择之后 D. 在文档末尾 6.以下（ ）方法不能用于选择 Div A. 单击 Div 的边框线 B. 在 “DOM” 面板中单击 Div C. 按下 Shift 键，分别单击要选择的各个 Div 的内部或边框线 D. 按下 Ctrl 键，分别单击要选择的各个 Div 的内部或边框线 7. 在 “DOM” 面板中可以进行以下（ ）操作 A. 只能选择 Div B. 可以选择 Div 并为其命名和调整顺序 C. 可以选择 Div 但不能进行其他操作 D. 可以删除 Div 但不能命名 8. 以下（ ）不是 CSS 设计器属性面板中可设置的 Div 属性类型 A. 文本 B. 边框 C. 字体 D. 音频 9. 创建 AP Div 时，需要在 Div 标签中添加（ ） A. style = "position: absolute" B. style = "position: relative" C. style = "display: none" D. style = "float: left" 10.当设置 Div 的 Z 轴值为较大的正数时，Div 的位置会（ ） A. 靠下 B. 靠上 C. 不变 D. 随机 11. 如果一个 Div 的可见性设置为 Default，则会（ ） A. 总是可见 B. 总是不可见 C. 继承父 Div 的可见性 D. 随机决定可见性 12. 当 Div 的可见性设置为 Visible 时，以下（ ）情况正确 A. 只有父 Div 可见时，该 Div 才可见 B. 无论父 Div 是否可见，该 Div 都可见 C. 只有父 Div 不可见时，该 Div 才可见 D. 该 Div 始终不可见 13. 当 Div 的溢出处理方法设置为 Hidden 时，以下（ ）情况会发生 A. 当内容超出 Div 大小时，Div 会自动扩展 B. 只有当内容超出时，才会出现滚动条 C. 无论内容是否超出，都会出现滚动条 D. 当内容超出 Div 大小时，超出部分会被隐藏 14. 以下（ ）属性用于设置 Div 的可视区域大小 A. 剪辑 B. 左和上 C. 宽和高 D. CSS - P 元素 15. 用于设置 Div 左上角位置的属性是（ ） A. 剪辑 B. 左和上 C. 宽和高 D. CSS - P 元素 16. CSS 盒模型中，直接包围内容的是（ ） A. margin B. border C. padding D. content 17. 以下（ ）属性用于控制盒子内容的大小 A. margin B. border C. width 和 height D. padding 18. CSS 中，float 属性的默认值是（ ） A. none B. right C. left D. center 19. 在 CSS 排版中，以下（ ）手段非常重要 A. margin 定位 B. padding 定位 C. position 定位 D. float 定位 20. position属性的默认值是（ ） A. absolute B. fixed C. relative D. static 21. 以下position属性值是相对于浏览器窗口进行定位的是（ ） A. absolute B. fixed C. relative D. static 22.当两个块的z - index值相同时，会发生（ ） A. 前面的块覆盖后面的块 B. 后面的块覆盖前面的块 C. 保持原有的高低覆盖关系 D. 随机决定覆盖关系 23. 在 CSS + Div 布局中，对页面进行分块使用的标签是（ ） A. <span> B. <p> C. <div> D. <section> 24.以下（ ）不是简单页面框架的组成部分 A. 侧边栏 B. Banner C. 主题内容 D. 脚注 25.Flex 布局的容器属性中，用于设置主轴方向的属性是（ ） A. flex - direction B. justify - content C. align - items D. flex - wrap 二、简答题（本大题共3小题，共15分） 1.简述border-radius属性？（5分） 2. 简述CSS+Div布局的常用方法？（5分） 3.简述选择Div的方法。（5分） 三、案例分析题（本大题共1小题，共10分） 在 index.html 中，插入一个 DIV，设置该 DIV 的内边距为 20px，边框为 2px solid black，然后在 DIV 内部使用 CSS 样式将文字 “这是 DIV 内部的内容” 设置为居中对齐，字体为 Arial，大小为 16px。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$ 编写说明：《数字媒体类考纲百套卷》依据山东省《数字媒体类专业知识考试标准》编写，本套试卷共90份，由三个部分构成，第一部分是知识点训练卷，每个知识点1~5份试卷，共58份试卷，第二部分是常考题训练卷，每个知识模块2-4份训练卷，共22份试卷，第三个部分是参考历年软件应用类专业真题试卷，编写了10份专业综合训练卷。  本试卷是《数字媒体类考纲百套卷》的第14卷，按知识模块 2．网页制作---2．表格、模板及Div在页面布局与排版中的运用一个范围编写， 其要求是： （1）掌握表格的创建、编辑等基本操作。 （2）掌握使用表格布局页面的方法与技巧。 （3）理解模板的概念及作用。 （4）掌握使用模板文档统一网页风格和布局的方法。 （5）掌握 Div 基本操作、属性设置及在排版中的应用方法。 山东省《数字媒体类考纲百套卷》第14卷 知识模块 2．网页制作 2．表格、模板及Div在页面布局与排版中的运用 知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 一、单项选择题（本大题共25题，每题3分，共75分） 1. Div 元素在网页设计中的主要作用是（ ） A. 作为行内元素插入文本内容 B. 用于处理网页的交互功能 C. 用于设置网页的字体样式 D. 作为块级元素用于插入和布局网页元素 【答案】D 2. 下列关于 Div 元素的描述，（ ）是正确的 A. Div 元素具有默认的样式和布局 B. Div 元素不能与 CSS 样式结合使用 C. Div 元素是块级元素，可以用于网页布局 D. Div 元素只能用于插入图片 【答案】C 3. AP Div 元素是指（ ） A. 自适应大小的 Div 元素 B. 绝对定位的 Div 元素 C. 具有动画效果的 Div 元素 D. 异步加载的 Div 元素 【答案】B 4. AP Div 元素在网页设计中的常见应用不包括（ ） A. 创建重叠的网页元素 B. 精确控制元素位置 C. 处理表单数据提交 D. 制作弹出窗口或菜单 【答案】C 5. 在 “插入 Div” 对话框中，不能选择（ ）插入位置 A. 在插入点 B. 在标签选择之前 C. 在标签选择之后 D. 在文档末尾 【答案】D 6.以下（ ）方法不能用于选择 Div A. 单击 Div 的边框线 B. 在 “DOM” 面板中单击 Div C. 按下 Shift 键，分别单击要选择的各个 Div 的内部或边框线 D. 按下 Ctrl 键，分别单击要选择的各个 Div 的内部或边框线 【答案】D 7. 在 “DOM” 面板中可以进行以下（ ）操作 A. 只能选择 Div B. 可以选择 Div 并为其命名和调整顺序 C. 可以选择 Div 但不能进行其他操作 D. 可以删除 Div 但不能命名 【答案】B 8. 以下（ ）不是 CSS 设计器属性面板中可设置的 Div 属性类型 A. 文本 B. 边框 C. 字体 D. 音频 【答案】D 9. 创建 AP Div 时，需要在 Div 标签中添加（ ） A. style = "position: absolute" B. style = "position: relative" C. style = "display: none" D. style = "float: left" 【答案】A 10.当设置 Div 的 Z 轴值为较大的正数时，Div 的位置会（ ） A. 靠下 B. 靠上 C. 不变 D. 随机 【答案】B 11. 如果一个 Div 的可见性设置为 Default，则会（ ） A. 总是可见 B. 总是不可见 C. 继承父 Div 的可见性 D. 随机决定可见性 【答案】C 12. 当 Div 的可见性设置为 Visible 时，以下（ ）情况正确 A. 只有父 Div 可见时，该 Div 才可见 B. 无论父 Div 是否可见，该 Div 都可见 C. 只有父 Div 不可见时，该 Div 才可见 D. 该 Div 始终不可见 【答案】B 13. 当 Div 的溢出处理方法设置为 Hidden 时，以下（ ）情况会发生 A. 当内容超出 Div 大小时，Div 会自动扩展 B. 只有当内容超出时，才会出现滚动条 C. 无论内容是否超出，都会出现滚动条 D. 当内容超出 Div 大小时，超出部分会被隐藏 【答案】D 14. 以下（ ）属性用于设置 Div 的可视区域大小 A. 剪辑 B. 左和上 C. 宽和高 D. CSS - P 元素 【答案】A 15. 用于设置 Div 左上角位置的属性是（ ） A. 剪辑 B. 左和上 C. 宽和高 D. CSS - P 元素 【答案】B 16. CSS 盒模型中，直接包围内容的是（ ） A. margin B. border C. padding D. content 【答案】C 17. 以下（ ）属性用于控制盒子内容的大小 A. margin B. border C. width 和 height D. padding 【答案】C 18. CSS 中，float 属性的默认值是（ ） A. none B. right C. left D. center 【答案】A 19. 在 CSS 排版中，以下（ ）手段非常重要 A. margin 定位 B. padding 定位 C. position 定位 D. float 定位 【答案】D 20. position属性的默认值是（ ） A. absolute B. fixed C. relative D. static 【答案】D 21. 以下position属性值是相对于浏览器窗口进行定位的是（ ） A. absolute B. fixed C. relative D. static 【答案】B 22.当两个块的z - index值相同时，会发生（ ） A. 前面的块覆盖后面的块 B. 后面的块覆盖前面的块 C. 保持原有的高低覆盖关系 D. 随机决定覆盖关系 【答案】C 23. 在 CSS + Div 布局中，对页面进行分块使用的标签是（ ） A. <span> B. <p> C. <div> D. <section> 【答案】C 24.以下（ ）不是简单页面框架的组成部分 A. 侧边栏 B. Banner C. 主题内容 D. 脚注 【答案】A 25.Flex 布局的容器属性中，用于设置主轴方向的属性是（ ） A. flex - direction B. justify - content C. align - items D. flex - wrap 【答案】A 二、简答题（本大题共3小题，共15分） 1.简述border-radius属性？（5分） 【答案】 border-radius属性: border-radius属性中只指定一个值,将生成4个圆角;在四个角上一一指定,可以使用以下规则: 四个值:第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。 三个值:第一个值为左上角，第二个值为右上.角和左下角,第三个值为右下角。 两个值:第一个值为左上角与右下角,第二个值为右上角与左下角。 一个值:四个圆角值相同。 2. 简述CSS+Div布局的常用方法？（5分） 【答案】 使用Div对页面整体规划使用Div可以将页面首先在整体上进行<div>标记的分块，然后对各个块进行CSS定位,最后再在各个块中添加相应的内容。CSS布局要求设计者首先对页面有一个整体的框架规划,包括整个页面分为哪些模块、各个模块之间的父子关系如何等。以最简单的框架为例,页面是由 Banner、主题内容(content)、菜单导航(links)和脚注(footer)等几个部分组成，各个部分分别用自己的id来标识。 (2)设计各块的位置当页面的内容已经确定后,则需要根据内容本身来考虑整体的页面版型,例如单栏、双栏或左中右等。 3.简述选择Div的方法。（5分） 【答案】 单击 Div 的边框线 在“DOM”面板中单击 Div。 按下Shift键,分别单击要选择的各个Div的内部或边框线,可以选中多个Div。 在“DOM”面板中还可以为 Div 命名并调整顺序。 三、案例分析题（本大题共1小题，共10分） 在 index.html 中，插入一个 DIV，设置该 DIV 的内边距为 20px，边框为 2px solid black，然后在 DIV 内部使用 CSS 样式将文字 “这是 DIV 内部的内容” 设置为居中对齐，字体为 Arial，大小为 16px。 【答案】 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div { padding: 20px; border: 2px solid black; text-align: center; font-family: Arial; font-size: 16px; } </style> </head> <body> <div>这是DIV内部的内容</div> </body> </html> 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$