自学前端课程的成果如何?来做一套前端基础测试题吧!(附答案)
千锋教育推出web前端基础全套课堂,看过的小伙伴掌握情况如何?可以做一套前端基础测试题来测试一下!
Web 前端基础全套教程
1、以下是<!DOCTYPE>元素作用的是( A )
A、该元素用来定义文档类型
B、该元素用来声明命名空间
C、该元素用来向搜索引擎声明网站关键字
D、该元素用来向搜索引擎声明网站作者
2、下列属于静态网页的是( A )
A.index.html B.index.jsp C.index.asp D.index.php
3、网页中常用的图片格式包括: ( ABC )
A.jpg B.png C.gif D.Tiff
4、网页中最常用的字体大小是: ( AB )
A.12px B.14px C.13px D.15px
5、如何在本窗口中打开链接?( D )
A. <a href=https://zhuanlan.zhihu.com/p/“#” new>
B. <a href=https://zhuanlan.zhihu.com/p/“#” target=“_blank”>
C. <a href=https://zhuanlan.zhihu.com/p/“#” target=“_blank”></a>
D. <a href=https://zhuanlan.zhihu.com/p/“#” target=“_self”></a>
6、一个站点里常用到的文件夹正确的是( ABD )
A. css B. images C. Index.php D. Js
7、 css和HTML注释格式正确的是( AD )
A. <!–注释–> B. <!==注释==>
C. //注释 D. /*注释*/
8、WEB标准包括( ABC )
A. 结构标准语言
B. 表现标准语言
C. 行为标准语言
D. 内容标准
9、html代码中,关于div与table说法正确的是( ABC )
A. div+CSS布局的优点是比较方便简洁
B. 代码比较少,制作和维护也比较容易
C. table由行列形成的单元格构成,可执行合并拆分等操作
D. div不要求我们严格css支持
10、HTML英文名全称是( A )
A. Hypertext Markup Language
B. Hypertext Programing language
C. Hypertext Script language
D. Extensible Markup Language
11、HTML的中文名称叫( D )
A. 汇编语言 B. 编程语言 C. 脚本语言 D.超文本标记语言
12、写出图片标签 其中 路径 “pic.jpg”,描述“家居图片”,高150,宽300正确的是( D )
A. <img src=https://zhuanlan.zhihu.com/p/"pic.jpg" title=""家居图片"" width=""300"" height=""150""/>
B. <img src=https://zhuanlan.zhihu.com/p/"pic.jpg" title=""家居图片"" width=""300"" height=""150""
C. <img src=https://zhuanlan.zhihu.com/p/pic.jpg title=家居图片 width=300 height=150/>
D. <img href=https://zhuanlan.zhihu.com/p/"pic.jpg" title="家居图片" width="300" height="150"/>
13、 在定义段落的字体为宋体、大小为14像素,其正确的定义是( A )。
A. p {font-family:”宋体”;font-size:14px; }
B. p {font-family:14px;font-size:宋体; }
C. p {font-family:14em;font-size:宋体; }
D. p {font-family:800;font-size:14em; }
14、关于超链接标签描述正确的是( C )
A. <a =””></a>
B. <href =””></href>
C. <a href=https://zhuanlan.zhihu.com/p/””></a>
D. <a href=https://zhuanlan.zhihu.com/p/””></href>
15、给页面头部分加入一个背景图片LOGO,并且不平铺的样式正确的是( A )
A. #header {background:url(logo.gif) no-repeat ; }
B. #header {background:url(logo.gif) repeat-x}
C. #header {background:url(logo.gif) repeat- y}
D. #header {background:url(logo.gif) none}
16、以下标签里是属于行内标签的是( AC )。
A. b B. ul C. a D.p
17、在布局页面时,以下单位均可描述网页中文字的大小,那么属于常用的单位是( BC )。
A. in B. pt C. px D. cm
18、以下标记不属于标签的是 ( C )
A. <h1> B. <span>
C.<float> D. <font>
19、下面是正确定义标题的标签是( C )
A. <span class=""heading"">文章标题</span>
B. <p><b>文章标题</b></p>
C. <h1>文章标题</h1>
D. <strong>文章标题</strong>
20、下面是列表标签的是( ACD )
A. dl B. em C. ul D. ol
21、以下标记是空标签的是 ( AB )
A. <input> B. <img> C. <p> D. <em>
22、给三个盒子设置不同样式的宽度需要用到下面的选择符是 ( AB )
A. .div1{ width:100px;} .div2{ width:200px;} .div3{ width:300px;}
B. #div1{width:100px;} #div2{width:200px;} #div3{width:100px;}
C. div{ width:100px;}
D. .div1 ,.Div2 ,.Div3{ color:#00f;}
23、 ID为left的DIV标签,用CSS设置DIV的左边为红色实线,下面设置正确的是( C )
A. style=”border-top: #ff0000 1 solid;”
B. style=”border-left: 1px, #ff0000 ,solid;”
C. style=”border-left: 1px #ff0000 solid; ”
D. style=”border-right: 1, #ff0000, dashed;”
24、一个页面应用多个样式时,优先级说法正确的是( C )
A. class优先级高于id B. 前面的样式覆盖后面的
C. 继承的样式优先级最低 D. 行内样式低于内部或外部样式
25、 CSS的表述正确的是( A )
A. CSS的中文名叫层叠样式表 B. CSS中的注释为<!–注释–>
C. CSS的英文名字是Cascading D. CSS没有任何规范,可以随便写
26、在网页布局中,我们用DIV把页面分成三部分,头部区域的CSS中定义了ID选择器header ,使用格式正确的是( C ) 。
A. < div class=“ header”> B. < div style=“ header”>
C. < div id=“ header”> D. < div a:hover=“ header”>
27、CSS中ID选择符在定义的前面要有指示符( D )。
A. * B. ; C. ! D. #
28、以下关于CLASS和ID的说法正确的是:( ABC )
A. class的定义方法是: . 类名 {样式};
B. id的应用方法:<指定标签 id="id名">
C. class的应用方法:<指定标签 class="类名">
D. id和class只是在写法上有区别,在应用和意义上没有任何区别
29、ID选择符的特点错误的是 ( C )
A. 唯一性 B. 普遍性 C. 可以重复应用 D. Id选择符可以应用多个
30、以下是css语法中通配选择符的是( C )
A. .p1{width:100px;height:50px;} .p2{width:200px; height:60px ;} .p3{ width:300px; height:70px; }
B. #p1{ color:#00f;} #p2{ color:#f00;} #p3{ color:#0f0;}
C. *{ color:#00f;}
D. .p1,.p2,.p3{ width:100px;height:50px }
31、以下群组选择符使用正确的是( C )
A. .box{ width:500px; height:100px}
B. .box a{ display:none}
C. ul,ol,li{ margin:0; padding:0; list-style:none}
D. #test{ font-size:16px;}
32、以下是css语法中id选择符的是( C )
A. .box{ width:100px; height:50px}
B. .box a{ display:block}
C. #test{ font-size:12px;}
D. ul,ol,li{ margin:0; padding:0; list-style:none}
33、 以下CSS属性不属于伪类选择符的是( ACD )
A. .nav ul{ padding-left:28px;}
B. a:hover{ text-decoration:underline; }
C. ol, ul {list-style: none;}
D. img{ border:0}"
34、设置文本水平居中对齐的声明和设置单行文本在容器中垂直居中的声明正确的是( D )
A.text-align:left line-height B. text-align:top line-height
C. text-align:center height D. text-align:center line-height
35、图片和文字默认居底对齐,让文字和图片垂直居中对齐,给图片加属性( A )
A. Vertical-align:middle B. Vertical-align:center
C. text-align:center D. Line-height
36、 当对象内文本溢出时显示省略标记的属性是( B )
A. text-overflow : clip B. text-overflow : ellipsis
C. text-align:center D. Line-height
37、给图片设置边框颜色的属性是( B )
A. Border-style B. Border-color
C. Border-width D. Border-left
38、设置一个1像素、黑色、实线的边框,下列语法正确的是( ABCD )
A. Border-bottom:1px #000 solid;
B. Border-left:1px #000 solid;
C. Border-top:1px #000 solid;
D. Border-right:1px #000 solid;
39、设置边框线宽度的属性是( B )
A.order-style B. Border-width
C. Border-color D. Border-left
40、背景图水平平铺的属性值是( B )
A. repeat-y B. repeat-x
C. Repeat-xy D. no-repeat
41、以下用于设置背景的属性有( ACD )
A. background-image
B. background-width
C. background-attachment
D. Background-color
42、设置背景图垂直平铺的属性值是( B )
A. repeat-x
B. repeat-y
C. Repeat-xy
D. no-repeat
43、定义图片间的间距时,用到了margin-right:10px;实现的效果是:( A )
A. 当前元素向右移动10px
B. 后一个元素向右移动10px
C.当前元素向上移动10px
D. 后一个元素向下移动10px
44、给一个元素设置padding-top:70px实现的效果是 ( B )
A. 当前元素向上移动70px
B. 当前元素向下移动70px
C. 当前元素向上移动150px
D. 当前元素向下移动150px"
45、将内联(非块状)元素转化成块元素的应该设置以下哪个属性( C )
A. display:inline
B.display:none
C. display:block
D. display:inherit
46、文字环绕图片效果需给哪一个标签向左浮动即可( A )
A、img B、div C、p D、span
47、
</html>此实例中,用到的列表项是 ( B )
A. 有序列表 B. 无序列表 C. 样式列表 D. 内容列表
48、 以下哪个选项是实现红色实线的边框线的属性,其上为5,下为8,左为12,右为5的宽度:( A )
A. border:5px solid #f00; border-width:5px 5px 8px 12px;
B. border:12px solid #f00;
C. border:solid #f00; border-width:5px;
D. border:solid #f00; border-width:5px 1px;" "
49、nav{ height:39px; background:url(https://zhuanlan.zhihu.com/images/navbg.png) repeat-x;}根据以上定义,下列描述正确的是( D )
A. 给盒子nav添加一个不平铺背景图片
B. 给盒子nav添加一个纵向平铺的背景图片
C. 给盒子nav设置39px 的宽度
D. 给盒子nav设置39px 的高度
50、在制作导航时,list-style-type:none的意思是( A )
A. 不显示列表样式 B. 显示列表样式
C. 显示列表类型 D. 不显示列表
51、关于ul,li表示正确的是( C )
A. <li><ul></li></ul>
B. <li><ul></ul></li>
C. <ul><li></li></ul>
D. <ul><li></ul></li>
52、给盒子加入背景图,应加入哪个CSS属性( B )
A. background-color B. background-image
C. background-position D. background-repeat
53、关于背景定位属性值设置正确的是( ACD )
A. background-position:url(image/1.jpg) left bottom
B. background-position:url(image/1.jpg) top left
C. background-position:url(image/1.jpg) right top
D. background-position:50px 120px
54、滑动门技术的原理是( B )
A. 命名锚点链接的作用 B. 使用背景图片位置滑动
C. 将a元素转换为块元素 D. 将span元素转换为块元素
55、关于样式表的优先级说法正确的是:( A )
A. 直接定义在标记上的css样式级别最高
B. 内部样式表次之
C. 外部样式表级别最低
D. 当样式中属性重复时,先设的属性起作用"
56、 在 HTML 文档中,行内样式加在什么位置,不正确的说法是( ABC )
A.文档的末尾 B.文档的顶部 C.<body> 部分 D.标签上" "
57、在 HTML 文档中,引用外部样式表使用的标签是( A )
A. <link /> B. <img/> C. <b></b> D.<a></a>
58、应用XHTML标签建立网页内容结构,应用CSS样式的三种方式是(ACD)
A. 外部样式表 B. 标记样式表 C. 内联样式表 D. 内部样式表
59、<a>的伪类选择符包括?( ABC )
A. a:link B. a:hover C. a:visited D. a:onclick
60、 a:visited 和a:hover分别表示超链接文字在( BD )时的状态。
A. 鼠标按下 B. 鼠标经过 C. 鼠标放上去 D. 访问过后
61、
观察上面的一段代码,应用到了以下哪种CSS加载方式是( ABC )
A. 内部 B. 行内 C. 外部 D. 导入“
62、在定义样式中,是标签选择符的是( AD )
A. a{ text-decoration:none; color:#333}
B. a:hover{ color:#000 }
C. ul,ol,li{ margin:0; padding:0; list-style:none}
D. img{ border:0}
63、定义一段文字加粗、颜色为黑色、缩进为25像素的是( ABD )
A. font-weight:bolder; color:#000; text-indent:25px;
B. font-weight:bold;color:#000; text-indent:25px;
C. font-weight: normal; color:#000; text-indent:25px;
D. font-weight:600;color:#000; text-indent:25px;
64、设置首行缩进的属性是: ( CD )
A. font-indent:24px
B.
C. text-indent:24px;
D. text-indent:2em;
65、用<div>实现布局,以下不能实现二个不同色块的<div>在同一行显示的是( ACD )
A. float:none; B. float:left;
C. clear:both; D. clear:right;
66、属性浮动float的值有哪些( ACD )
A. none; B. both; C. left D.right;
67、下列哪些属性可以对文字进行加粗( ABC )
A. font-weight:700
B. font-weight:bolder
C. font-weight:bold
D. font-weight:normal
68、以下声明,可以隐藏对象的有:( C )
A.display:block
B. display:inline
C. display:none
D. overflow:hildden;
69、有关dl列表叙述正确的是( BC )
A. dl列表是有序列表
B. dl列表的结构为<dl><dt></dt><dd></dd></dl>
C. dl列表是自定义列表
D. 以上均不正确
70、如何产生带有正方形的项目的列表?( BC )
A. list-type: square ;
B. list-style-type: square;
C. list-style: square;
D. type: 2
71、控制文字字母和汉字的字距与控制英文单词间距的属性分别是( BC )
A. text-align:left B. letter-spacing:10px; C.word-spacing:10px; D.line-height:2
72、表单中登陆按钮标签与复选框的标签分别为( CD )
A. <input type=“password”>
B. <input type=“radio”>
C. <input type=“ button”>
D. <input type=“ checkbox”>"
73、表单中文本框标签是( A )
A. <input type=”text”>
B. <input type=”botton”>
C. <input type=”radio”>
D. <input type=” checkbox”>
74、 下列那些属于表单属性( ABC )
A. name B. method C. action D. input
75、滑动门实现的原理( ABCD )
A. 滑动门技术主要用于制作宽或高度自适应的效果中
B. 它本身就利用了滑动窗户的原理,两扇窗户完全展开那么宽度就宽,如果两扇重叠的话那么就窄.
C. 利用这个原理我们就可以通过两张背景图做为两扇窗户.
D. 通过背景图片的重叠展开过程实现宽或高的自适应效果
76、无序列表与有序列表的结构分别是( AB )
A. <ul></ul> B. <ol></ol> C. <dl></dl> D. <li></li>
77、属性(display)的值有哪些( ABC )
A. none B.inline C. Block D. both
78、 属性text-decoration的值有哪些( ABCD )
A. underline B. overline C. none D. line-through
79、设置文本颜色的属性是( C )
A. font-color
B. text-color
C. color
D. font-text
80、css样式由( A )和( B )组成,其中声明包括( C )( D )
A. 选择符
B. 声明
C. 属性值
D. 属性
81、设置文本字体的属性是:( D )
A. Font-size
B. Font-color
C. Font-person
D. Font-family
82、加粗文字字体设置为正常的属性和值是 ( A )
A. font-weight:nomal B. font-weight:900
C. font-weight:blod D. font-weight:600
83、设置文本的字体,下面描述正确的是:( AD )
A. 属性为font-family;属性值为汉语时需要加双引号
B. 属性为font-family;属性值为汉语时不需要加双引号
C. 属性为font-family;属性值为单个英文单词时需要加双引号
D. 属性为font-family;属性值为多个英文单词时需要加双引号
84、 clear的属性值有:( ABD )
A. left
B. right
C. None
D. both
85、 盒子的的结构模型由哪几个属性组成( ABCD )
A. width
B. Border
C. Margin
D. padding
86、 假定有如下情况:
<div id=""a""><div id=""b""></div></div>如果要实现b在a中水平居中放置,且兼容IE6 7 FF 都兼容的样式是( B )
A. Padding:0 auto
B. Margin:0 auto
C. Text-align:center D. line-height:center
87、 下列选项是position属性值的有( ABCD )
A. Absolute
B. Relative
C. Static
D. fixed
88、 下列那些属性的属性值可以为负值( ACD )
A. text-indent B. Padding C. Margin D. Background-position
89、 Li的默认的元素类型是( D )
A. Block B. Inline C. Inline-block D. List-item
90、 Img的默认元素类型是( C )
A. Block B. Inline C. Inline-block D. List-item
91、 关于z-index说法正确的是( ABD )
A. 只能与定位连用 B. 值越大越在上面显示
C. 值越大越在下面显示 D. 可以设置负值
92、 图片精灵是用哪个属性实现的( A )
A. background-position B. Background-attachment
C. Position D. bg.position
93、 关于锚点说法正确的是( AB )
A. 可以实现在同一页面的不同位置进行跳转
B. A标签的href属性值为#id名称
C. A标签的href属性值为#class名称
D. 可以实现在不同页面的跳转
94、 以下是边框线型的值是( ABCD )
A. Solid B.Dotted C. Dashed D. double
95、 改变英文字母大小写的属性是(B)
A. font-transform B. Text-transform C. Transform D. Word-spacing
96、 以下哪项是input中type的类型( ABCD )
A. Text B. Password C. Radio D. reset
97、 以下哪项是火狐浏览器的内核( B )
A. Trident B. Gecko C. Webkit D. presto
98、 以下哪个选项可以实现鼠标的形状是手型( C )
A. Cursor:Move B. Cursor:Help
C. Cursor:Pointer D. Cursor:wait
99、 清除浮动的方法有( AC );
A. 给父元素设置overflow:hidden
B. 给子元素设置overflow:hidden
C. 给浮动元素下面添加空div,并且设置clear:both
D. 给浮动元素下面添加空div,并且设置font-size:0
100、 设置元素背景透明的属性有( BC )
A. Background:#000
B. Opcity:0.5
C. Filter:alpha(opcity=50)
D. Filter:alpha(opcity=0.5)
2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/91098.html