第一章 单元测试
1、判断题：
前端的门槛很低，是个轻松拿高薪的职业。（ ）
选项：
A:对
B:错
答案: 【错】
2、判断题：
前端流行框架有很多，比如VUE，react，angular等。（ ）
选项：
A:对
B:错
答案: 【对】
3、判断题：
vscode、chrome的开发者工具均属于代码编辑器。（ ）
选项：
A:错
B:对
答案: 【错】
4、判断题：
早期的前端开发，仅限于静态页面，我们称其为web1.0时代。
选项：
A:错
B:对
答案: 【对】
5、判断题：
config文件夹中一般用来保存环境变量。（ ）
选项：
A:对
B:错
答案: 【对】
第二章 单元测试
1、单选题：
HTML中字母H的含义是（ ）。
选项：
A:Hyper
B:Happy
C:Home
答案: 【Hyper
】
2、单选题：
web标准的制定者是（ ）。
选项：
A:
网景公司(Netscape)
B:
SUN公司
C:
万维网联盟(W3C)
D:
微软
答案: 【
万维网联盟(W3C)
】
3、单选题：
以下（ ）项目是用来访问web页的软件。
选项：
A:
FTP
B:
C:
Outlook Express
D:
Internet Explorer
答案: 【
Internet Explorer
】
4、单选题：
以下（ ）不是WEB前端开发工具。
选项：
A:
DEV C++
B:
HBuilder
C:
Sublime text
D:
dreamwaver
答案: 【
DEV C++
】
5、单选题：
用HTML标记语言编写一个简单的网页,网页最基本的结构是（ ）。
选项：
A:<html><title>…</title><frame>…</frame></html>
B:<html><title>…</title><body>…</body></html>
C:<html><head>…</head><body>…</body></html>
D:<html><head>…</head><frame>…</frame></html>
答案: 【<html><head>…</head><body>…</body></html>
】
6、单选题：
DNS的中文含义是 （ ）。
选项：
A:域名服务系统
B:地名系统
C:邮件系统
D:服务器系统
答案: 【域名服务系统
】
7、单选题：
（ ）是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。
选项：
A:HTTP
B:WWW
C:URI
D:URL
答案: 【URL】
8、单选题：
HTML语言中,为了标识一个HTML文件,应该使用的HTML标签是（ ）。
选项：
A:<table></table>
答案: 【<html></html>
】
9、单选题：
下列标记不能放在头部标记<head>中的是（ ）？
选项：
A:
<script>
B:<link>
C:
<style>
D:
<img>
答案: 【
<img>
】
10、多选题：
请你在下列浏览器中，选出常用的浏览器（ ）。
选项：
A:firefox
B:IE
C:chrome
D:猎豹
答案: 【firefox;IE;chrome;猎豹】
第三章 单元测试
1、单选题：
下列的HTML中哪个可以插入一条水平线（ ）？
选项：
A:
<break>
B:
<P>
C:
<br>
D:
<hr>
答案: 【
<hr>
】
2、单选题：
块级元素：下列的HTML中哪个是最大的标题（ ）?
选项：
A:
<head>
B:
<h1>
C:
<h6>
D:
<heading>
答案: 【
<h1>
】
3、单选题：
默认情况下，使用<p>标记会形成什么效果（ ）？
选项：
A:
在文字<p>所在位置中加入8个空格
B:
<p>后面的文字会变成斜体
C:
开始新的一行
D:
<p>后面的文字会变成粗体
答案: 【
开始新的一行
】
4、单选题：
下面是换行符表级的是（ ）。
选项：
A:
<body>
B:
<p>
C:
<br>
D:
<font>
答案: 【
<br>
】
5、单选题：
内联元素：请选择产生斜体字的HTML标签（ ）。
选项：
A:
<italics>
B:
<ii>
C:
<i>
D:
<it>
答案: 【
<i>
】
6、单选题：
<blockquote></blockquote>标签的意思（ ）。
选项：
A:插入空行
B:对文字倾斜
C:文本缩进
D:对文字加粗
答案: 【文本缩进
】
7、单选题：
在html中<pre>的作用是（ ）。
选项：
A:预排版标记
B:转行标记
C:标题标记
D:文字效果标记
答案: 【预排版标记】
8、单选题：
在网页中，必须使用（ ）标记来完成超级链接。
选项：
A:<link>….</link>
B:<li>….</li>
C:<p>….</p>
D:<a>….</a>
答案: 【<a>….</a>】
9、单选题：
以下标记符中，用于设置页面标题的是（ ）。
选项：
A:<html>
B:<head>
C:<caption>
D:<title>
答案: 【<title>】
10、单选题：
以下标记符中，没有对应的结束标记的是（ ）。
选项：
A:<html>
B:<br>
C:<title>
D:<body>
答案: 【<br>】
第四章 单元测试
1、单选题：
如果在catalog.htm中包含如下代码，则该HTML文档IE浏览器中打开后，用户单击此链接将( )。 <A HREF=”#novel”>小说</a>。
选项：
A:
使页面跳转到catalog.htm包含名为“novel”的锚记处
B:
使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”的锚记处
C:
使页面跳转到同一文件夹下名为“novel.html”的HTML文档
D:
使页面跳转到同一文件夹下名为“小说.html”的HTML文档
答案: 【
使页面跳转到catalog.htm包含名为“novel”的锚记处
】
2、单选题：
超链接：想要使用户在单击超链接时,弹出一个新的网页窗口,代码是( )。
选项：
A:
<A href=”right.html” target=”_top”>新闻</A>
B:
<A href=”right.html” target=”_blank”>新闻</A>
C:
<A href=”right.html” target=”_self”>新闻</A>
D:
<A href=”right.html” target=”_parent”>新闻</A>
答案: 【
<A href=”right.html” target=”_blank”>新闻</A>
】
3、单选题：
div及span：关于DIV标记,下列说法错误的是（ ）。
选项：
A:
DIV和SPAN可以做网页区域划分。
B:
SPAN是一个无任何语义的标签。
C:
DIV和SPAN可以相互嵌套。
D:
DIV是一个无任何语义的标签。
答案: 【
DIV和SPAN可以相互嵌套。
】
4、单选题：
超链接：如何制作电子邮件链接（ ）？
选项：
A:
<mail href=”xxx@yyy”>
B:
<a href=”mailto:xxx@yyy”>
C:
<mail>xxx@yyy</mail>
D:
<a href=”xxx@yyy”>
答案: 【
<a href=”mailto:xxx@yyy”>
】
5、单选题：
超链接：下列有关超链接的说法不正确的是（ ）。
选项：
A:
超链接是网页与网页之间联系的纽带，也是网页的重要特色
B:
超链接是一种标记，形象的说法就是单击网页中的这个标记则能够加载另一个网页，这个标记可以做在文本上也可以做在图像上。
C:
超链接文字通常会有一条下划线，我们也可以通过设置取消这条下划线。
D:
超链接只能在不同的网页之间进行跳转
答案: 【
超链接只能在不同的网页之间进行跳转
】
6、单选题：
多媒体：使用以下那一种元素可以将声音添加到网页里面?（ ）。
选项：
A:
music
B:
sound
C:
voice
D:
bgsound
答案: 【
bgsound
】
7、单选题：
超链接：一个文件夹名称叫Parent,其下有一个叫做test.asp的文件,和一个名为Child的文件夹。Child下有一个名为default.htm文件,想在default.htm中作一个链接,链到test.asp。以下正确的是（ ）。
选项：
A:
<a href=“‥/test.asp”>…</a>
B:
<a href=“Parent/test.asp”>…</a>
C:
<a href=“c:/test.asp”>…</a>
D:
<a href=“/test.asp”>…</a>
答案: 【
<a href=“‥/test.asp”>…</a>
】
8、单选题：
表单：在HTML中,<form method=”post”>,method表示( )。
选项：
A:
表单的形式
B:
提交的方式
C:
表单所用的脚本语言
D:
提交的URL地址
答案: 【
提交的方式
】
9、单选题：
在HTML5中，下列哪个标签是音频标签（ ）。
选项：
A:video
B:tv
C:hr
D:audio
答案: 【audio】
10、单选题：
HTML5中添加了音频和视频标记，赋值为文件所在的路径的属性是（ ）。
选项：
A:ly
B:w3c
C:resource
D:src
答案: 【src】
第五章 单元测试
1、单选题：
下列在CSS中插入注释正确的写法是( )。
选项：
A:
‘this is a comment
B:
//this is a comment
C:
//this is a comment//
D:
/* this is a comment*/
答案: 【
/* this is a comment*/
】
2、单选题：
引用外部样式表的元素应该放在( )。
选项：
A:
在body元素中
B:
HTML文档的结束的位置
C:
在head元素中
D:
HTML文档的开始的位置
答案: 【
在head元素中
】
3、单选题：
哪个HTML标签可用来定义内部样式表（ ）?
选项：
A:
<css>
B:
<script>
C:
<html>
D:
<style>
答案: 【
<style>
】
4、单选题：
下列（ ）是CSS正确的语法构成。
选项：
A:
{body;color:black}
B:
body {color: black;}
C:
{body:color=black(body}
D:
body:color=black
答案: 【
body {color: black;}
】
5、单选题：
在下面关于CSS样式的说明,其中（ ）不是CSS的优势。
选项：
A:
轻松创建及编辑
B:
Web页面样式与结构分离
C:
使用CSS增加了维护成本
D:
页面下载时间更快
答案: 【
使用CSS增加了维护成本
】
6、单选题：
下在代码使用HTML元素的ID属性，将样式应用于网页上的某个段落：＜P id=”firstp”＞这是一个段落＜/P＞，下面选项中，（ ）正确定义了上面代码引用的样式规则。
选项：
A:
＜Style Type=”text/css”＞ P {color:red} ＜/Style＞
B:
＜Style Type=”text/css”＞ P.firstp {color:red} ＜/Style＞
C:
＜Style Type=”text/css”＞ .firstp {color:red} ＜/Style＞
D:
＜Style Type=”text/css”＞ #firstp {color:red} ＜/Style＞
答案: 【
＜Style Type=”text/css”＞ #firstp {color:red} ＜/Style＞
】
7、单选题：
下列CSS( )属性可以更改字体大小。
选项：
A:
text-size
B:
font-size
C:
text-style
D:
font-style
答案: 【
font-size
】
8、单选题：
( )可以去掉文本超级链接的下划线。
选项：
A:
a {text-decoration:no underline}
B:
a {text-decoration:none}
C:
a {underline:none}
D:
a {decoration:no underline}
答案: 【
a {text-decoration:none}
】
9、单选题：
如何使文本以大写字母开头（ ）？
选项：
A:
无法通过CSS来完成
B:
text-transform:capitalize
C:
text-transform:uppercase
答案: 【
text-transform:capitalize
】
10、单选题：
下列关于CSS说法正确的是（ ）。
选项：
A:CSS主要负责动态效果设置
B:CSS目前最新版本是5
C:HTML可以替代CSS的所有功能
D:其中文含义是层叠样式表
答案: 【其中文含义是层叠样式表】
第六章 单元测试
1、单选题：
若对p段落的第一行进行设置，则用下列哪一个选择器（ ） 。
选项：
A:
p:before
B:
p: first-letter
C:
p
D:
p:firstline
答案: 【
p:firstline
】
2、单选题：
同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢（ ）?
选项：
A:
内联样式(在 HTML 元素内部)
B:
内部样式表(位于<head>标签内部)
C:
浏览器缺省设置
D:
外部样式表
答案: 【
内联样式(在 HTML 元素内部)
】
3、单选题：
下列哪个选项是把列表中的最后一个“li”的背景设置为蓝色( )。
选项：
A:
ul>li:first-child{background:blue;}
B:
ul>li:only-child{background:blue;}
C:
ul>li:last-child{background:blue;}
D:
ul>li{background:blue;}
答案: 【
ul>li:last-child{background:blue;}
】
4、单选题：
下列哪些属性不可以被继承( )。
选项：
A:
list-style
B:
text-align
C:
font-style
D:
border
答案: 【
border
】
5、单选题：
下列（ ）项是设置当鼠标放在超级链接上的效果。
选项：
A:
a:span
B:
a:active
C:
a :link
D:
a:hover
答案: 【
a:hover
】
6、单选题：
id选择器的使用方法？（ ）
选项：
A:@idName
B:.idName
C:#idName
D:&idName
答案: 【#idName】
7、单选题：
以下关于CLASS和ID的说法错误的是（ ）。
选项：
A:id和class只是在写法上有区别，在应用和意义上没有区别
B:class的应用方法：<指定标签 class=“类名”>
C:.id的应用方法：<指定标签 id=”id名”>
D:class的定义方法是：.类名{样式}；
答案: 【id和class只是在写法上有区别，在应用和意义上没有区别】
8、单选题：
根据以下的HTML代码：h1{ color:”limegreen”; }可以知道（ ）。
选项：
A:
{ }部分是对H1这个选择器的背景色进行说明
B:
limegreen和color都是值
C:
选择器的名称是color
D:
此段代码是一个标签选择器
答案: 【
此段代码是一个标签选择器
】
9、单选题：
下面选项中是合法的类样式的是（ ）。
选项：
A:.Word
B:#A2
C:#Word
D:.2A
答案: 【.Word】
10、单选题：
关CSS样式表描述不正确的是（ ）。
选项：
A:
用@import url（“样式表名”）完成外部样式表的导入
B:
CSS样式表规则由选择器和声明组成
C:
选择器包括标签选择器、类别选择器和ID选择器
D:
HTML中部分标签可以作为CSS标签选择器
答案: 【
HTML中部分标签可以作为CSS标签选择器
】
第七章 单元测试
1、单选题：
如何改变元素的左外边距（ ）？
选项：
A:indent
B:margin-left
C:margin
D:text-indent
答案: 【margin-left】
2、单选题：
CSS中 ，下面语句表示（ ）。 body{ padding-left:20px;}
选项：
A:
页面左边的空白大小。
B:
页面左边的可用区域大小。
C:
页面左边的可编辑区域大小。
D:
页面左边的表格大小。
答案: 【
页面左边的空白大小。
】
3、单选题：
在CSS中，关于BOX的margin属性的叙述正确的是（ ）。
选项：
A:
margin属性的值不可为auto
B:
margin属性的参数有margin-left、margin-right、margin-top、margin-bottom
C:
margin属性的参数值不能全部设置成0px
D:
边距margin只能取一个值
答案: 【
margin属性的参数有margin-left、margin-right、margin-top、margin-bottom
】
4、单选题：
下列哪个属性能够设置盒模型的左侧外补丁？（ ）
选项：
A:
margin:
B:
indent:
C:
margin-left:
D:
text-indent:
答案: 【
margin-left:
】
5、单选题：
有关z-index属性的叙述正确的一项是( )。
选项：
A:
即使上面的层没有任何内容也会挡住下面的层,使下面的层显示不出来
B:
此值越大,层的顺序越往下
C:
此属性必须与position属性一起使用才能起作用,此时position取任何值都可以
D:
一般后添加的元素,其z-index值越大
答案: 【
一般后添加的元素,其z-index值越大
】
第八章 单元测试
1、单选题：
下面不属于CSS3新增属性的有（ ）
选项：
A:
- border-radius
B:
- text-shadow
C:
- rgba
D:
- box-shadow
答案: 【
- rgba
】
2、单选题：
border-radius 的主要功能是，设置（ ）。
选项：
A:背景图片
B:文本溢出
C:圆角边框
D:盒子阴影
答案: 【圆角边框】
3、单选题：
transition-duration属性，是用来设置过渡效果的（ ）。
选项：
A:何时开始
B:CSS 属性的名称
C:速度效果的速度曲线
D:时间
答案: 【时间】
4、单选题：
下列哪一个是规定动画的延迟？
选项：
A:
animation-direction
B:
animation-iteration-count
C:
animation-delay
D:
animation-duration
答案: 【
animation-delay
】
5、判断题：
“:nth-child()”是新增伪类吗？
选项：
A:错
B:对
答案: 【对】
第九章 单元测试
1、多选题：
下列哪些是前端框架（ ）？
选项：
A:html5-boilerplate
B:Bootstrap
C:Meteor
D:Foundation
答案: 【html5-boilerplate;Bootstrap;Meteor;Foundation】
2、多选题：
下列哪些是媒体查询语法的逻辑关键字（ ）。
选项：
A:逗号分隔列表
B:only
C:not
D:and
答案: 【逗号分隔列表;only;not;and】
3、判断题：
视口是指浏览器的全部区域（ ）。
选项：
A:错
B:对
答案: 【错】
4、单选题：
Meta定义的有关视口viewport，下列说法不正确的是（ ）。
选项：
A:maximum-scale：允许用户缩放到的最大比例。minimum-scale：允许用户缩放到的最小比例。
B:height：和 width 相对应，指定高度。
C:width：宽度，一般设为900px。
D:initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
答案: 【width：宽度，一般设为900px。】
5、单选题：
栅格系统中，小屏幕使用的类前缀是（ ）。
选项：
A:.col-lg-
B:.col-md-
C:.col-sm-
D:.col-xs-
答案: 【.col-sm-】
第十章 单元测试
1、单选题：
一个网站的功能与否与建站前的（ ）有着极为重要的关系。
选项：
A:投资回报
B:网站成本分析
C:网站规划
D:经济可行性分析
答案: 【网站规划】
2、单选题：
把一个域名翻译成IP地址的过程称为（ ）。
选项：
A:寻址
B:转发
C:域名解析
D:路由
答案: 【域名解析】
3、单选题：
以下哪种是基于因特网的网站推广方法（ ）。
选项：
A:友情链接
B:户外广告
C:电视广告
D:报刊杂志
答案: 【友情链接】
4、单选题：
网站建设的一般流程是
（1）架设网上站点；
（2）网站的规划和分析，
（3）网站的维护
（4）网页设计；
（5）域名注册；正确的顺序应该是（ ）。
选项：
A:5-4-2-1-3
B:2-1-4-5-3
C:2-5-1-4-3
D:5-2-4-1-3
答案: 【2-5-1-4-3】
5、判断题：
“层”不属于常用的网页布局技术（ ）。
选项：
A:错
B:对
答案: 【对】
评论0