第一章 单元测试

1、单选题:
在下列的 HTML 中,哪个是最大的标题?( )
选项:
A:h6
B:h3
C:h1
D:h2
答案: 【h1

2、单选题:
在下列的 HTML 中,哪个可以产生超链接?( )
选项:
A:<a src="https://www.baidu.com">百度</a>
B:<a href="https://www.baidu.com">百度</a>
C:<a name="https://www.baidu.com">百度</a>
D:<a url="https://www.baidu.com">百度</a>
答案: 【<a href="https://www.baidu.com">百度</a>

3、单选题:
Web 标准的制定者是?( )
选项:
A:网景公司Netscape
B:万维网联盟W3C
C:微软Microsoft
D:Java sun公司
答案: 【万维网联盟W3C

4、单选题:
在下列的 HTML 中,哪个是有序列表标签?( )
选项:
A:ul li
B:ol li
C:dl dt
D:dl dd
答案: 【ol li

5、单选题:
在CSS 中,使用了#demo p{ }选择器,表示什么意思?( )
选项:
A:表示该CSS声明将作用于类为demo下的所有后代元素p标签
B:表示该CSS声明将作用于id为demo下的所有后代元素p标签
C:表示该CSS声明将作用于类为demo下的直接子元素p标签
D:表示该CSS声明将作用于id为demo下的直接子元素p标签
答案: 【表示该CSS声明将作用于id为demo下的所有后代元素p标签

6、单选题:
<title>标签在<html>中哪个位置?( )
选项:
A:在<head>内部
B:在<body>内部
C:任意位置都可以
D:在<head>和<body>之间
答案: 【在<head>内部

7、单选题:
如何在HTML中添加注释?( )
选项:
A:/**注释**/
B://注释
C:/*注释*/
D:<!--注释内容-->
答案: 【<!--注释内容-->

8、单选题:
若要开发符合Web标准的网站,就要理解结构和表现分离,下面哪个是表现的标准语言?( )
选项:
A:ECMAScript
B:XHTML
C:HTML
D:CSS
答案: 【CSS

9、单选题:
Web前端开发的作用是什么?( )
选项:
A:把数据存在数据库中
B:把前端页面呈现给用户
C:把计算机用硬件连接起来
D:把图片设计得更漂亮
答案: 【把前端页面呈现给用户

10、多选题:
Web前端开发的核心技术有哪些?( )
选项:
A:CSS
B:HTML
C:JavaScript
D:Java
答案: 【CSS;
HTML;
JavaScript

第二章 单元测试

1、单选题:
下列标签中,属于块级元素的的是?( )
选项:
A:div
B:a
C:span
D:input
答案: 【div

2、单选题:
CSS一般是利用什么标签来构建页面布局?( )
选项:
A:table
B:p
C:div
D:li
答案: 【div

3、单选题:
给一个盒子设置左右填充分别为10px和20px后,如果要求盒子在页面中占的总宽度不变,那么应该让盒子的宽度减少多少像素?( )
选项:
A:20px
B:30px
C:不需要减少
D:10px
答案: 【30px

4、单选题:
在margin: 15px 10px 13px 8px;代码段中,左边距的值是多少?( )
选项:
A:10px
B:13px
C:15px
D:8px
答案: 【8px

5、单选题:
如何在 CSS 文件中添加注释?( )
选项:
A:/**注释**/
B:/*注释*/
C:<!--注释内容-->
D://注释
答案: 【/*注释*/

6、单选题:
下面哪个选项将用于创建一个名为 demo 的 ID,它的宽度为 700 像素,高度为 50 像素,文本的颜色为红色( )。
选项:
A:#header { width: 50px; height: 700px; color:inherit; }
B:.header { width: 700px; height: 50px; text-color:inherit; }
C:#header { width: 700px; height: 50px; color:inherit; }
D:.header { width: 700px; height: 50px; color:inherit; }
答案: 【#header { width: 700px; height: 50px; color:inherit; }

7、单选题:
在.demo{width:100px; height:100px;background-color:red}代码段中,若想把demo以一个圆形呈现,该如何设置border-radius属性值?( )
选项:
A:border-radius:100px;
B:border-radius:0;
C:border-radius:50%;
D:border-radius:50px;
答案: 【border-radius:50%;

8、单选题:
超链接伪元素中,哪个属性表示未访问的超链接?( )
选项:
A::visited
B::link
C::active
D::hover
答案: 【:link

9、单选题:
按顺序排列,border-radius 的四个值是?( )
选项:
A:上、右、下、左
B:上、下、左、右
C:左上,右上,右下,左下
D:左上、左下、右下、右上
答案: 【左上,右上,右下,左下

10、多选题:
下面哪个选项是设置字体大小的正确方法?( )
选项:
A:p{text-size:200%;}
B:p{font-size:200%;}
C:p{font-size:200px;}
D:p{font-size:200;}
答案: 【p{font-size:200%;};
p{font-size:200px;}

发表评论

电子邮件地址不会被公开。 必填项已用*标注