Web前端开发案例教程(HTML5 CSS3) 试卷及答案.docx

《Web前端开发案例教程(HTML5 CSS3) 试卷及答案.docx》由会员分享，可在线阅读，更多相关《Web前端开发案例教程(HTML5 CSS3) 试卷及答案.docx（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Web 前端开发案例教程（HTML5 CSS3）（微课版）（第 2 版）试卷 A一、单项选择题（每题 2 分，共 50 分）1HTML 的中文意思是（C）。 A）文件传输协议B）超文本传输协议 C）超文本标记语言D）统一资源定位符 2网页的主体内容写在哪个标记内部？（ A ） A） B） C） D） 3以下标记中，用于设置页面标题的是（ A ）。A） B）C） D）4. 用 HTML5 编写一个简单的网页时，网页最基本的结构是（ D ）。A） . . B） . . C） . . D） . . 5. 可以不用发布就能在本地计算机上浏览的页面的编写语言是（ B ）。A）ASP B）HTMLC）PH

2、P D）JSP6. 以下标记中，没有对应的结束标记的是（ B ）。A） B）C） D）7. 和标记必须包含在下述哪对标记中？（ C ） A）和B）和C）和D） 和 8如何为所有的 元素添加背景颜色？（ B ）A）h1.all background-color:#FFFFFF B）h1 background-color:#FFFFFF C）all.h1 background-color:#FFFFFF D）h1.background-color:#FFFFFF 9外部样式表的最大优势在于（ A ）。A）CSS 代码与 HTML 代码完全分离B）CSS 代码写在与之间C）直接对 HTML 的标签使

3、用 style 属性 D）采用 import 方式导入样式表10下面不属于 CSS 样式的引入方式的是（ A ）。A）索引式 B）行内样式C）内部样式表 D）外部样式表11在 HTML 文档中，引用外部样式表的正确位置是（ D ）。A）文档的末尾 B）文档的顶部 C） 部分D） 部分12 下 列 哪 个 选 项 的 CSS 语 法 是 正 确 的 ？（ C ） A）body:color=blackB）body:color=black(bodyC）body color: blackD）body;color:black 13下列哪个 CSS 属性可控制字号？（ A ）A）font-sizeB）te

4、xt-style C）font-style D）text-size14如何显示这样一个边框：上边框为 10 px，下边框为 5 px，左边框为 20 px， 右边框为 1 px？（ D ）A）border-width:10px 5px 20px 1px B）border-width:10px 20px 5px 1px C）border-width:5px 20px 10px 1px D）border-width:10px 1px 5px 20px 15使用什么属性可以设置元素的左外边距？（ D ）A）text-indentB）indent C）margin D）margin-left 16下列

5、 CSS 属性中不用于设置背景图像样式的是（ B ）。A）background-imageB）background-begin C）background-repeatD）background-size 17去掉无序列表的项目符号使用的属性是（ A ）。A）list-style:noneB）list-type:noneC）list-rel: noneD）list-href:none 18用于设置鼠标指针悬停时超链接样式的是（ C ）。A）a:linkB）a:visitedC）a:hoverD）a:active19position 属性用于定义元素的定位类型，下列选项中不属于position 属性

6、常用属性取值的是（ D ）。A）staticB）relativeC）absoluteD）visible 20下列样式代码中，不能够设置元素定位类型的是（ A ）。A）position: auto;B）position: fixed; C）position: absolute;D）position: relative; 21定义表头单元格的 HTML 标记是（ D ）。A）B）C）D） 22合并多行单元格的 HTML 标记是（ B ）。A）B） C）D） 23下面关于表单的叙述错误的是（ D ）。A）表单是用户与网站实现交互的重要手段B）表单可以收集用户的信息 C）表单是网页上的一个特定区域D）

7、表单是由一对标记组成的24. HTML5 中的哪个标记用来定义当前页面附属信息部分？（ C ） A）B）C） D）25. 在 3D 变形中，指定元素仅围绕 x 轴旋转的函数是（ A ）。A）rotateX()B）rotateY()C）rotateZ()D）rotate3d () 二、判断题（每题 2 分，共 50 分）1. HTML5 可以跨平台使用，具有良好的移植性。（）2. Web 标准并不是某一个标准，而是一系列标准的集合，主要包括结构、表现和行为标准。（）3. 网页文件是用一种标记语言书写的，这种语言被称为 HTML（Hyper Text MarkupLanguage，超文本标记语言）

8、，制作一个网站就等于制作一个网页。（ ）4 网站的首页文件通常是“ index.html ”“ index.htm ”“ Default.htm ” “Default.html”，它必须存放在网站的根目录中。（ ）5. HTML5 标记是不区分大小写的，但通常用小写。（ ）6. 如果文本需要换行，则可以使用换行标记。（ ）7. 标记可以在网页中生成一条水平线，它不需要结束标记。（ ）8. 标题标记都有换行的功能。（ ）9. 在编写 CSS 代码时，为了提高代码的可读性，通常需要加 CSS 注释语句（。 ）10. 内部样式表是指将 CSS 代码集中写在 HTML 文档的头部标记中，并且用标记定义

9、。（ ）11. 内部样式表的样式对网站中的所有 HTML 页面都有效。（ ）12. 外部样式表是使用频率最高，也是最实用的样式表之一，它将 HTML 代码与CSS 代码分离为两个或多个文件，实现了结构和表现的完全分离。（ ） 13通配符选择器用“*”号表示，能匹配页面中的所有元素。（ ）14. 在中使用标记可引用外部样式表文件，一个页面只允许使用一个标记引入外部样式表文件。（ ）15. 在 CSS 背景综合属性中，既可以定义背景图片，也可以定义背景颜色。（ ）16. 在 CSS 中，border 属性是一个复合属性。（）17. 在 CSS3 中，box-shadow 属性不设置“阴影类型”参数

10、时默认为“内阴影”。（ ）18. div 是一个行内元素，span 是块元素。（ ）19. 页面上定义的两个盒子都没有设置 float 属性时，盒子会水平排列。（ ）20. 父元素包含的子元素设置浮动后，若父元素没有设置高度，则受子元素浮动 的 影 响 ， 父 元 素 将 不 显 示 。（ ） 21表格的列数，取决于一行中数据单元格的数量。（ ）22colspan 属性用来合并单元格的行。（ ） 23标记的 method 属性默认为 post。（ ）24. 在 HTML5 中，标记通常使用多个标记进行划分。（）25. CSS3 变形是一系列效果的集合，如平移、旋转、缩放和倾斜等，每个效果都被称

11、作变形效果。（ ）试卷 B一、单项选择题（每题 2 分，共 50 分） 1下面的应用软件中，不可以用于网页制作的是（D）。A）Sublime TextB）HBuilderXC）Dreamweaver 2请选择能产生粗体字的 HTML 标记。（ C ）A） B）C）D） 3在下列 HTML 标记中，哪个可以插入换行？（ A ） A）B） C） D） 4在下列的 HTML 标记中，哪个是最大的标题？（ D ） A）B）C）D） 5用于标识一个段落的 HTML 标记是（ C ）。D）AutoCADA）和B）和C）和D）和 6在下列的 HTML 代码中，哪个可以插入图像？（ C ）A） B） C） D

12、）image.gif 7建立超链接时，要在新窗口显示网页，需要加入的标记属性是（ A ）。A）target=_blankB）border=1 C）name=target D）# 8包含图像的网页文件，其扩展名应该是（ D ）。A）.jpgB）.gifC）.picD）.html9在以下的 CSS 代码中，可使所有元素变为粗体的正确语法是（ C ）。A）B）C）p font-weight:boldD）p text-size:bold 10以下哪个选项可以改变元素的字体？（ C ） A）font=B）f:C）font-family:D）font 11以下哪个选项可以使文本变为粗体？（ B ） A）f

13、ont:b B）font-weight:boldC）style:bold D）b 12下面说法错误的是（ D ）。A）CSS 样式可以将格式和结构分离B）CSS 样式可以控制页面的布局C）CSS 样式可以使许多网页同时更新D）CSS 样式不能制作文件更小、下载更快的网页13在以下的 HTML 中，哪个是正确引用外部样式表的方法？（ B ） A）B） C）mystyle.cssD）Colorful Style Sheets 14不属于 CSS 选择器的是（ A ）。A）对象选择器B）超文本标记选择器C）ID 选择器D）类选择器15CSS 的中文译名为（ D ）。A）样式表B）样式表标签语言C）瀑

14、布样式表D）层叠样式表16下列选项中，哪个不能设置边框为 3px 的红色实线?（ D ） A）border:3px solid #F00;B）border: #F00 solid 3px; C）border: red solid 3px;D）border:#0F0 3px solid;17. 关于样式代码“.boxwidth:200px; padding:15px; margin:20px;”，下列说法正确的是（ B ）。A）.box 的总宽度为 200px B）.box 的总宽度为 270px C）.box 的总宽度为 235px D）以上说法均错误18. 一个盒子的宽度和高度均为 300p

15、x，左内边距为 30px，同时盒子有 3px 的边框，请问这个盒子的总宽度是多少? （ C ）A）333pxB）366pxC）336pxD）363px19. 设置背景颜色为 green，背景图片垂直居中显示，背景图片充满整个区域， 但是背景图片不能变形，图片只出现一次，以下代码正确的是（ A ）。A）background:url(./img/img1.jpg) no-repeat center/cover green; B）background:url(./img/img1.jpg) repeat center/cover green; C）url(./img/img1.jpg) no-rep

16、eat center/100% green; D）url(./img/img1.jpg) no-repeat center/100% 100% green;20. 标记是网页布局中常见的标记，其元素类型为（ B ）。A）块级元素B）行内元素C）行内块元素 D）浮动元素 21在 CSS 中，使用什么属性来定义元素的类型？（ C ）A）margin 属性 B）padding 属性C）display 属性D）font 属性22下列样式代码中，可对元素进行绝对定位的是（ B ）。A）.special position: relative;B）.special position: absolute; t

17、op:20px; left:16px; C）.special position: fixed; top:20px; left:16px; D）.special position: static;23. 定义表头单元格的 HTML 标记是（ D ）。A）B）C）D）24. 要建立一个密码框，标记的 type 属性的属性值应该等于（ A ）。A）passwordB）radioC）textD）image25. 在 3D 变形中，指定元素仅围绕 x 轴旋转的函数是（ A ）。A）rotateX()B）rotateY()C）rotateZ()D）rotate3d () 二、判断题（每题 2 分，共 50

18、 分）1. HTML5 可以跨平台使用，具有良好的移植性。（）2. Web 标准并不是某一个标准，而是一系列标准的集合，主要包括结构、表现和行为标准。（）3. 一个项目只能有一个网页文件。（）4. 关于网页中图片的大小，可以在 HTML5 代码中直接指定其宽、高，但最好在图像处理软件中事先处理好图像的大小。（ ）5. JPG 格式能提供良好的、损失极少的压缩，这种格式可以用于制作透明和多帧 的 动 画 。（ ） 6书写图片路径时，尽量使用绝对路径，因为这样更稳定简洁。（ ）7. 在网页中需要插入图片的相对路径时，“./”用于指定上一级文件夹。（ ）8. 在超链接中，如果暂时没有确定链接目标，则

19、通常将标记的 href 属性值定义为“*”。（ ）9. RGBA 是 CSS3 新增的颜色模式，它是 RGB 颜色模式的延伸，该模式在红、绿、蓝三原色的基础上添加了不透明度参数。（ ）10. ID 选择器使用“#”进行标识，后面紧跟 ID 名称。（ ）11. 通配符选择器设置的样式对所有的 HTML 标记都生效，不管标记是否需要该样式，这样反而降低了代码的执行速度。（ ）12. opacity 属性用于定义元素的不透明度，参数 opacityValue 表示不透明度的值，它是一个 01 的浮点数值。（ ）13. 与之间相当于一个容器，可以容纳段落、标题、图像等各种网页元素。（ ）14. div

20、 是一个行内元素，span 是块元素。（ ）15. 在 CSS 中，可以通过 position 属性为元素设置浮动。（ ）16z-index 属性用于调整定位元素的层叠顺序。（ ） 17在静态定位状态下，无法通过坐标属性（top、bottom、left 或 right）改变元素的位置。（ ）18标记的 size 属性默认为 1。（ ） 19标记的 method 属性默认为 post。（ ）20. 将标记的 type 属性设置为 text 时，该控件既可以用于输入多行文本，也可以用于输入单行文本。（ ）21. 在 HTML5 中，一个标记通常由标题和内容组成。（ ）22. 在 HTML5 中，可以在标记或者标记中添加标记。（ ）23. 在图像常用格式中，GIF 格式只能处理 256 种颜色。（ ）24. 在标记的嵌套过程中，必须先结束最靠近内容的标记，再按照由内及外的顺序依次关闭标记。（ ）25. PNG 格式是一种支持透明的图像格式。（ ）