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

资源ID：91452042 资源大小：18.29KB 全文页数：6页
资源格式： DOCX 下载积分：10金币

快捷下载

会员登录下载

微信登录下载

三方登录下载：

微信扫一扫登录

下载资源需要10金币

邮箱/手机：
温馨提示：	快捷下载时，用户名和密码都是您填写的邮箱或者手机号，方便查询和重复下载（系统自动生成）。如填写123，账号就是123，密码也是123。
支付方式：
验证码：	换一换

账号：
密码：
验证码：	换一换
当日自动登录忘记密码？

友情提示

1、下载资料失败解决办法

2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。

3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。

4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。

5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。

网站客服

侵权投诉

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

Web 前端开发案例教程（HTML5 CSS3）（微课版）（第 2 版）试卷 A一、单项选择题（每题 2 分，共 50 分）1HTML 的中文意思是（C）。 A）文件传输协议B）超文本传输协议 C）超文本标记语言D）统一资源定位符 2网页的主体内容写在哪个标记内部？（ A ） A）<body> B）<head> C）<p> D）<html> 3以下标记中，用于设置页面标题的是（ A ）。A）<title> B）<caption>C）<head> D）<html>4. 用 HTML5 编写一个简单的网页时，网页最基本的结构是（ D ）。A）<html> <head>.</head> <frame>.</frame> </html> B）<html> <title>.</title> <body>.</body> </html> C）<html> <title>.</title> <frame>.</frame> </html> D）<html> <head>.</head> <body>.</body> </html>5. 可以不用发布就能在本地计算机上浏览的页面的编写语言是（ B ）。A）ASP B）HTMLC）PHP D）JSP6. 以下标记中，没有对应的结束标记的是（ B ）。A）<body> B）<br>C）<html> D）<title>7. <title>和</title>标记必须包含在下述哪对标记中？（ C ） A）<body>和</body>B）<table>和</table>C）<head>和</head>D）<p> 和 </p> 8如何为所有的 <h1> 元素添加背景颜色？（ 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 代码写在<head>与</head>之间C）直接对 HTML 的标签使用 style 属性 D）采用 import 方式导入样式表10下面不属于 CSS 样式的引入方式的是（ A ）。A）索引式 B）行内样式C）内部样式表 D）外部样式表11在 HTML 文档中，引用外部样式表的正确位置是（ D ）。A）文档的末尾 B）文档的顶部 C）<body> 部分D）<head> 部分12 下列哪个选项的 CSS 语法是正确的？（ C ） A）body:color=blackB）body:color=black(bodyC）body color: blackD）body;color:black 13下列哪个 CSS 属性可控制字号？（ A ）A）font-sizeB）text-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下列 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 属性常用属性取值的是（ D ）。A）staticB）relativeC）absoluteD）visible 20下列样式代码中，不能够设置元素定位类型的是（ A ）。A）position: auto;B）position: fixed; C）position: absolute;D）position: relative; 21定义表头单元格的 HTML 标记是（ D ）。A）<table>B）<td>C）<tr>D）<th> 22合并多行单元格的 HTML 标记是（ B ）。A）<thcolspan=#>B）<throwspan=“#”> C）<tdcolspan=#>D）<trrowspan=#> 23下面关于表单的叙述错误的是（ D ）。A）表单是用户与网站实现交互的重要手段B）表单可以收集用户的信息 C）表单是网页上的一个特定区域D）表单是由一对<table>标记组成的24. HTML5 中的哪个标记用来定义当前页面附属信息部分？（ C ） A）<header>B）<nav>C）<aside> D）<section>25. 在 3D 变形中，指定元素仅围绕 x 轴旋转的函数是（ A ）。A）rotateX()B）rotateY()C）rotateZ()D）rotate3d () 二、判断题（每题 2 分，共 50 分）1. HTML5 可以跨平台使用，具有良好的移植性。（ü）2. Web 标准并不是某一个标准，而是一系列标准的集合，主要包括结构、表现和行为标准。（ü）3. 网页文件是用一种标记语言书写的，这种语言被称为 HTML（Hyper Text MarkupLanguage，超文本标记语言），制作一个网站就等于制作一个网页。（ û ）4 网站的首页文件通常是“ index.html ”“ index.htm ”“ Default.htm ” “Default.html”，它必须存放在网站的根目录中。（ ü ）5. HTML5 标记是不区分大小写的，但通常用小写。（ ü ）6. 如果文本需要换行，则可以使用换行标记<br>。（ ü ）7. <hr>标记可以在网页中生成一条水平线，它不需要结束标记。（ ü ）8. 标题标记<h1><h6>都有换行的功能。（ ü ）9. 在编写 CSS 代码时，为了提高代码的可读性，通常需要加 CSS 注释语句（。 ü ）10. 内部样式表是指将 CSS 代码集中写在 HTML 文档的<head>头部标记中，并且用<style>标记定义。（ ü ）11. 内部样式表的样式对网站中的所有 HTML 页面都有效。（ û ）12. 外部样式表是使用频率最高，也是最实用的样式表之一，它将 HTML 代码与CSS 代码分离为两个或多个文件，实现了结构和表现的完全分离。（ ü ） 13通配符选择器用“*”号表示，能匹配页面中的所有元素。（ ü ）14. 在<head>中使用<link>标记可引用外部样式表文件，一个页面只允许使用一个<link>标记引入外部样式表文件。（ û ）15. 在 CSS 背景综合属性中，既可以定义背景图片，也可以定义背景颜色。（ ü ）16. 在 CSS 中，border 属性是一个复ü合属性。（）17. 在 CSS3 中，box-shadow 属性不设置“阴影类型”参数时默认为“内阴影”。（ û ）18. div 是一个行内元素，span 是块元素。（ û ）19. 页面上定义的两个盒子都没有设置 float 属性时，盒子会水平排列。（ û ）20. 父元素包含的子元素设置浮动后，若父元素没有设置高度，则受子元素浮动的影响，父元素将不显示。（ ü ） 21表格的列数，取决于一行中数据单元格的数量。（ ü ）22colspan 属性用来合并单元格的行。（ û ） 23<form>标记的 method 属性默认为 post。（ û ）24. 在 HTML5 中，<article>标记通常使用多个<section>标记进行划分。（ü）25. CSS3 变形是一系列效果的集合，如平移、旋转、缩放和倾斜等，每个效果都被称作变形效果。（ ü ）试卷 B一、单项选择题（每题 2 分，共 50 分） 1下面的应用软件中，不可以用于网页制作的是（D）。A）Sublime TextB）HBuilderXC）Dreamweaver 2请选择能产生粗体字的 HTML 标记。（ C ）A）<bold> B）<bb>C）<strong>D）<bld> 3在下列 HTML 标记中，哪个可以插入换行？（ A ） A）<br>B）<enter> C）<break> D）<b> 4在下列的 HTML 标记中，哪个是最大的标题？（ D ） A）<h6>B）<h5>C）<h2>D）<h1> 5用于标识一个段落的 HTML 标记是（ C ）。D）AutoCADA）<b>和</b>B）<br>和</br>C）<p>和</p>D）<li>和</li> 6在下列的 HTML 代码中，哪个可以插入图像？（ C ）A） <img href="image.gif" alt="">B）<image src="image.gif" alt=""> C）<img src="image.gif" alt=""> D）<img>image.gif</img> 7建立超链接时，要在新窗口显示网页，需要加入的标记属性是（ A ）。A）target="_blank"B）border="1" C）name="target" D）# 8包含图像的网页文件，其扩展名应该是（ D ）。A）.jpgB）.gifC）.picD）.html9在以下的 CSS 代码中，可使所有<p>元素变为粗体的正确语法是（ C ）。A）<p style="font-size:bold">B）<p style="text-size:bold">C）p font-weight:boldD）p text-size:bold 10以下哪个选项可以改变元素的字体？（ C ） A）font=B）f:C）font-family:D）font 11以下哪个选项可以使文本变为粗体？（ B ） A）font:b B）font-weight:boldC）style:bold D）b 12下面说法错误的是（ D ）。A）CSS 样式可以将格式和结构分离B）CSS 样式可以控制页面的布局C）CSS 样式可以使许多网页同时更新D）CSS 样式不能制作文件更小、下载更快的网页13在以下的 HTML 中，哪个是正确引用外部样式表的方法？（ B ） A）<style src="mystyle.css">B） <link rel="stylesheet" type="text/css" href="mystyle.css"> C）<stylesheet>mystyle.css</stylesheet>D）Colorful Style Sheets 14不属于 CSS 选择器的是（ A ）。A）对象选择器B）超文本标记选择器C）ID 选择器D）类选择器15CSS 的中文译名为（ D ）。A）样式表B）样式表标签语言C）瀑布样式表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. 一个盒子的宽度和高度均为 300px，左内边距为 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-repeat center/100% green; D）url("./img/img1.jpg") no-repeat center/100% 100% green;20. <span>标记是网页布局中常见的标记，其元素类型为（ 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; top:20px; left:16px; C）.special position: fixed; top:20px; left:16px; D）.special position: static;23. 定义表头单元格的 HTML 标记是（ D ）。A）<table>B）<td>C）<tr>D）<th>24. 要建立一个密码框，<input>标记的 type 属性的属性值应该等于（ A ）。A）passwordB）radioC）textD）image25. 在 3D 变形中，指定元素仅围绕 x 轴旋转的函数是（ A ）。A）rotateX()B）rotateY()C）rotateZ()D）rotate3d () 二、判断题（每题 2 分，共 50 分）1. HTML5 可以跨平台使用，具有良好的移植性。（ü）2. Web 标准并不是某一个标准，而是一系列标准的集合，主要包括结构、表现和行为标准。（ü）3. 一个项目只能有一个网页文件。（û）4. 关于网页中图片的大小，可以在 HTML5 代码中直接指定其宽、高，但最好在图像处理软件中事先处理好图像的大小。（ ü ）5. JPG 格式能提供良好的、损失极少的压缩，这种格式可以用于制作透明和多帧的动画。（ û ） 6书写图片路径时，尽量使用绝对路径，因为这样更稳定简洁。（ û ）7. 在网页中需要插入图片的相对路径时，“./”用于指定上一级文件夹。（ ü ）8. 在超链接中，如果暂时没有确定链接目标，则通常将<a>标记的 href 属性值定义为“*”。（û ）9. RGBA 是 CSS3 新增的颜色模式，它是 RGB 颜色模式的延伸，该模式在红、绿、蓝三原色的基础上添加了不透明度参数。（ ü ）10. ID 选择器使用“#”进行标识，后面紧跟 ID 名称。（ ü ）11. 通配符选择器设置的样式对所有的 HTML 标记都生效，不管标记是否需要该样式，这样反而降低了代码的执行速度。（ ü ）12. opacity 属性用于定义元素的不透明度，参数 opacityValue 表示不透明度的值，它是一个 01 的浮点数值。（ ü ）13. <div>与</div>之间相当于一个容器，可以容纳段落、标题、图像等各种网页元素。（ ü ）14. div 是一个行内元素，span 是块元素。（ û ）15. 在 CSS 中，可以通过 position 属性为元素设置浮动。（ û ）16z-index 属性用于调整定位元素的层叠顺序。（ ü ） 17在静态定位状态下，无法通过坐标属性（top、bottom、left 或 right）改变元素的位置。（ ü ）18<select>标记的 size 属性默认为 1。（ ü ） 19<form>标记的 method 属性默认为 post。（ û ）20. 将<input>标记的 type 属性设置为 text 时，该控件既可以用于输入多行文本，也可以用于输入单行文本。（ û ）21. 在 HTML5 中，一个<section>标记通常由标题和内容组成。（ ü ）22. 在 HTML5 中，可以在<article>标记或者<section>标记中添加<footer>标记。（ ü ）23. 在图像常用格式中，GIF 格式只能处理 256 种颜色。（ ü）24. 在标记的嵌套过程中，必须先结束最靠近内容的标记，再按照由内及外的顺序依次关闭标记。（ ü ）25. PNG 格式是一种支持透明的图像格式。（ ü）

注意事项

本文（Web前端开发案例教程(HTML5 CSS3) 试卷及答案.docx）为本站会员（暗伤）主动上传，淘文阁 - 分享文档赚钱的网站仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对上载内容本身不做任何修改或编辑。若此文所含内容侵犯了您的版权或隐私，请立即通知淘文阁 - 分享文档赚钱的网站（点击联系客服），我们立即给予删除！

温馨提示：如果因为网速或其他原因下载失败请重新下载，重复下载不扣分。