HTML和CSS面试题与答案Word文档格式.docx
《HTML和CSS面试题与答案Word文档格式.docx》由会员分享，可在线阅读，更多相关《HTML和CSS面试题与答案Word文档格式.docx（39页珍藏版）》请在冰豆网上搜索。
9
10
11
12
13
14
15
inttotalBlank=
0;
intblankNum=
inttaglen=page.taglst.size<
;
A
for<
inti=
1;
i<
taglen-1;
++i>
{
//checkblank
B
while<
page.taglst[i]==
"
&
&
taglen>
C
++totalBlank;
D
++i;
}
E
if<
totalBlank>
10>
F
blankNum+=totalBlank;
G
totalBlank=
注意：
以下代码中taglen是html文件中存在元素的个数,a.html中taglen的值是15,page.taglst[i]取的是a.html中的元素,例如page.taglst[1]的值是<
html>
a.html的文件如下：
title>
test<
/title>
body>
div>
aaaaaaa<
/div>
/body>
/html>
A．AB．BC．CD．DE．EF．FG．G
8、下面有关html5标签说法错误的有？
audio>
标签定义声音,比如音乐或其他音频流
canvas>
比如来自一个外部的新闻提供者的一篇新的文章,或者来自blog的文本,或者是来自论坛的文本。
亦或是来自其他外部源内容
menu>
标签定义菜单列表。
当希望列出表单控件时使用该标签
command>
标签定义命令按钮,比如单选按钮、复选框或按钮
9、下面属于CSS3新增属性的有？
A．box-shadowB．text-shadowC．border-radiusD．rgba
10、哪些可以给文字加上背景？
A．bg-primaryB．bg-successC．bg-infoD．bg-warning
11、在bootstrap中,关于全局设置的说法,错误的是
A．font-size为14px
B．line-height设置为1.428
p>
设置了等于1/2行高〔即10px的底部外边距〔margin
设置了等于1/2行高〔即10px的底部内边距〔padding
12、以下位于<
head>
间的代码片段是做什么用的
metaname="
viewport"
content="
width=device-width,initial-scale=1"
A．使得页面编码合乎要求B．表示支持响应式设计
C．支持正常的绘制和缩放D．表示针对滚屏进行适当的适配
13、关于协议,下面哪个说法是正确的？
A．协议是有状态协议。
B．以下是一个链接的response的响应头：
GET/xxx/xxx/js/lib/test.js/1.1Host:
127.0.0.1Connection:
keep-alivePragma:
no-cacheCache-Control:
no-cacheAccept:
*/*
C．RESTful接口中,利用协议的method字段来描述要对资源操作的方式,比如GET表示获取资源,POST表示新增一个资源,PUT表示更新资源,DELETE表示删除资源等等。
D．一个请求返回的状态码中,304表示临时重定向。
14、以下关于盒子模型描述正确的是：
A．标准盒子模型中：
盒子的总宽度＝左右margin+左右border+左右padding+width
B．IE盒子模型中：
盒子总宽度＝左右margin+左右border+width
C．标准盒子模型中：
盒子的总宽度＝左右margin+左右border+width
D．IE盒子模型中：
盒子总宽度＝width
15、如何让一个区块居中?
A．centerB．center-blockC．horizontal-centerD．vertical-center
16、关于栅格系统,以下说法正确的是
A．会有自动的padding样式B．会有自动的margin样式
C．其字体默认为14pxD．其box-sizing默认为border-box
17、哪些是正确的辅助类
A．text-mutedB．text-successC．text-infoD．text-warning
18、在bootstrap中,关于导航条,下列说法正确的是?
A．应该将被包裹的元素放到navbar-collapse类中
B．表单应该放置于navbar-form内
C．可以使用navbar-left和navbar-right来对齐导航条
D．可以使用navbar-fixed-top和navbar-fixed-bottom来将导航条固定到顶部或底部
19、iframe的使用场景有？
A．与第三方域名下的页面共享cookieB．上传图片,避免当前页刷新
C．左边固定右边自适应的布局D．资源加载
20、设置CSS属性float的值为时可取消元素的浮动。
21、css属性font-style用于设置字体的粗细。
22、使用CSS来格式化网页,共有三种方式,以下哪一种不是：
A．在HEAD中引用B．作为标记来引用
C．在BODY中引用D．作为文件来引用
23、下面有关html的描述,不推荐的是？
A．在页面顶部添加doctype声明；
B．在<
/head>
…<
中间插入HTML代码；
C．避免使用<
font>
标签；
D．使用<
table>
元素展现学生成绩表等数据。
24、在css3中要使元素由一种样式转换成另一种样式,需要使用什么属性？
A．animationB．keyframesC．flashD．transition
25、关于HTML语义化,以下哪个说法是正确的？
A．语义化的HTML有利于机器的阅读,如PDA手持设备、搜索引擎爬虫；
但不利于人的阅读
B．Table属于过时的标签,遇到数据列表时,需尽量使用div来模拟表格
C．语义化是HTML5带来的新概念,此前版本的HTML无法做到语义化
D．Header、article、address都属于语义化明确的标签
26、下列哪一个是页面载入时会触发什么Dom事件？
A．onchangeB．onacliveC．onloadD．onresize
27、关于bootstrap3的说法,错误的是
A．在windows上支持IE8B．在IOS上支持Opera
C．在MACOS及Windows上支持firefoxD．在IOS及android上都支持chrome
28、下述有关border:
none以及border:
0的区别,描述错误的是？
A．border:
none表示边框样式无
B．border:
0表示边框宽度为0
C．当定义了border:
none,即隐藏了边框的显示,实际就是边框宽度为0
D．当定义边框时,仅设置边框宽度也可以达到显示的效果
29、为了在input两侧添加额外元素,以下说法正确的是
A．使用input-group来封装控件B．使用input-group-addon来添加前置元素
C．使用input-group-tailon来添加后置元素D．必须为input添加form-control类
30、什么css属性可为元素设置外边距。
31、关于屏幕的尺寸标准,说法错误的是
A．col-sm-*一般用于大于768的平板B．col-md-*一般用于大于992的中等屏幕显示器
C．col-lg-*用于大于1200的桌面显示器D．col-xs-*用于小于700的手机屏幕
32、HTML的注释标记是以下哪个选项？
A．//注释内容B．/*注释内容*/C．<
!
--注释内容-->
D．《注释内容》
33、以下哪一个选项是html5的dtd？
DOCTYPEhtml>
DOCTYPEHTMLPUBLIC>
DOCTYPExhtml>
DOCTYPEHTML5>
34、能在1024的windows机器上显示8列而在肾6手机上显示12列的是
A．col-md-8col-xs-12B．col-lg-8col-sm-12
C．col-md-8col-sm-12D．col-lg-8col-xs-12
35、浮动会导致页面的非正常显示,一下几种清除浮动的方法,哪个是不推荐使用的？
A．在浮动元素末尾添加一个空的标签例如<
divstyle="
clear:
both"
B．通过设置父元素overflow值为hidden；
C．父元素也设置浮动
D．给父元素添加clearfix类
36、浏览器在一次请求中,需要传输一个4097字节的文本数据给服务端,可以采用那些方式?
A．存入IndexdDBB．写入COOKIEC．放在URL参数
D．写入SessionE．使用POSTF．放在LocalStorage
37、下列关于比较Ajax与Flash的优缺点,相关描述正确的是？
A．Ajax的优势在意在于可搜索性,开放性,易用性及易于开发
B．Flash的优势在于多媒体处理,可以更容易的调用浏览器以外的外部资源
C．Ajax最主要的批评就是它可能破坏浏览器的后退功能
D．flash文件经常会很大,用户第一次使用的时候需要忍耐较长的等待时间
38、以下说法正确的是
A．为<
标签添加.table类可以给表格添加水平分割线
B．给表格添加table-striped类可以使IE8中的表格出现斑马线
C．为表格添加table-bordered类可为表格中每个元素增加边框
D．为表格添加table-hover类可为表格中增加鼠标悬停样式
39、以下说法,错误的是
A．mark用于显示变粗的文字B．<
del>
用于显示删除的文本
ins>
的文字会带下划线D．<
strong>
用于强调文本
40、下列关于btn标签的说法正确的是
A．btn-group能将按钮组成按钮组B．btn-toolbar能将btn做成复杂组件
C．btn-group可以嵌套使用D．可以使用btn-group-lg,btn-group-sm来调整按钮大小
41、下列哪个样式定义后,内联<
非块状>
元素可以定义宽度和高度
A．display:
inlineB．display:
noneC．display:
blockD．display:
inherit
42、下面有关jquery事件的响应,描述错误的是？
A．onclick鼠标点击某个对象
B．onfocus元素失去焦点
C．onload是某个页面的cssjshtml文档结构和图像被完成加载
D．onmousedown某个鼠标按键被按下
43、有一个元素,需要在打印时隐藏,使用的类是
A．visible-print-blockB．visible-print-inline
C．hidden-printD．print-hidden
44、<
标签中,哪个是表格边框线的粗细？
A．bordercolorB．borderC．cellspacingD．cellpadding
45、下列不属于bootstrap3的标签是
A．rowB．row-fluidC．col-md-*D．form-group
46、下述有关css属性position的属性值的描述,说法错误的是？
A．static：
没有定位,元素出现在正常的流中
B．fixed：
生成绝对定位的元素,相对于父元素进行定位
C．relative：
生成相对定位的元素,相对于元素本身正常位置进行定位。
D．absolute：
生成绝对定位的元素,相对于static定位以外的第一个祖先元素进行定位。
47、下面哪个属性不会让div脱离文档流〔normalflow？
A．position:
absolute;
B．position:
fixed;
C．position:
relative;
D．float:
left;
48、下面有关htmlDoctype的描述,说法错误的是？
A．它的责任就是告诉浏览器文档使用哪种html或者xhtml规范
B．不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析
C．不同浏览器在混杂模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器的行为根本就没有一致性可言。
D．如果在文档开始处没有发现文档类型声明,则所有浏览器都会默认开启严格模式
49、下列哪个操作是W3C标准定义的阻止事件向父容器传递：
A．e.preventDefault<
B．e.cancelBubble=true
C．e.stopPropagation<
D．e.stopImmediatePropagation<
50、display:
none和visibility:
hidden的说法,正确的是？
none与visibility:
hidden都可以用来隐藏某个元素
B．display:
none在隐藏元素的时候,将其占位空间也去掉；
而visibility:
hidden只是隐藏了内容而已,其占位空间仍然保留。
C．display:
none是不符合html5标准的
D．visibility:
hidden是不符合html5标准的
51、在HTML5中,哪个方法用于获得用户的当前位置？
A．getPosition<
B．getCurrentPosition<
C．getUserPosition<
D．getLocation<
52、对于下拉菜单,错误的是
div
class="
dropdown"
button
btnbtn-defaultdropdown-toggle"
type="
button"
id="
dropdownMenu1"
data-toggle="
Dropdown
span
caret"
/span>
/button>
ul
dropdown-menu"
role="
menu"
aria-labelledby="
lirole="
presentation"
arole="
menuitem"
tabindex="
-1"
href="
#"
Action<
/a>
/li>
Anotheraction<
Something
elsehere<
Separatedlink<
/ul>
A．表示了一个有五个下拉选项的下拉菜单
spanclass="
可以去掉而不影响功能
C．可以加入pull-right使菜单右对齐
D．可加入dropdown-menu-right使菜单右对齐
53、网页开发中,一般需判断浏览器类型,需通过userAgent中获取浏览器内核来判断,下列说法错误的是？
A．一直到IE9,都是Trident内核B．firefox是Gecko内核
C．chrome是webkit内核D．IE是目前最快的浏览器
54、下列描述错误的是〔
A．状态码302表示暂时性转移B．domContentLoaded事件早于onload事件
C．IE6/7/8不支持事件捕获D．localStorage存储的数据,在刷新页面后会消失
55、下面有关CSS中link和import的区别,描述错误的是？
A．link属于XHTML标签,而import完全是CSS提供的一种方式
B．当一个页面被加载的时候,link引用的CSS会同时被加载,而import引用的CSS会等到页面全部被下载完再被加载
C．link在支持CSS的浏览器上都支持而import只在5.0以上的版本有效
D．当使用javascript控制dom去改变样式的时候,只能使用import方式
56、使用CSS的flexbox布局,不能实现以下哪一个效果：
A．三列布局,随容器宽度等宽弹性伸缩
B．多列布局,每列的高度按内容最高的一列等高
C．三列布局,左列宽度像素数确定,中、右列随容器宽度等宽弹性伸缩
D．多个宽高不等的元素,实现无缝瀑布流布局
57、现有如下html结构
ul>
li>
clickme<
运行如下代码：
varelements=document.getElementsByTagName<
'
li'
varlength=elements.length;
vari=0;
i<
length;
i++>
elements[i].onclick=function<
alert<
i>
依次点击4个li标签,哪一个选项是正确的运行结果〔?
A．依次弹出1,2,3,4B．依次弹出0,1,2,3
C．依次弹出3,3,3,3D．依次弹出4,4,4,4
58、下面有关html结构描述正确的有？
ol>
/ol>
dl>
dt>
dd>
/dd>
/dt>
/dl>
tr>
td>
/td>
/tr>
/table>
59、关于h标签
h1>
h1.Bootstrapheading<
small>
Secondarytext<
/small>
/h1>
以下说法正确的是
最大B．<
h6>
最大C．<
用法错误D．<
表示副标题
60、嵌入在HTML文档中的图像格式可以是？
A．*.gifB．*.tifC．*.bmpD．*.jpg
61、下面哪一个标符可以产生一个表行？
62、以下为一段浏览器中可运行的Javascript代码,则运行该段Javascript代码的页面弹出框中显示的结果是：
〔
varobj={"
key"
:
1"
"
value"
2"
};
varnewObj=obj;
newObj.value+=obj.key;
obj.value>
A．2B．12C．3D．21
63、下面列出的浏览器,无webkit内核的是〔
A．chromeB．SafariC．搜狗浏览器D．firefox
64、关于html的盒模型,下列说法正确的是？
A．margin是内边距B．padding是外边距
C．border是边框D．border-radius是css3标准,因此IE并不支持border-radius属性
65、下列辅助类的说法错误的是？
buttontype="
class="
close"
spanaria-hidden="
true"
×
sr-only"
Close<
可以用来表示一个关闭按钮
可以用来表示一个三角符号
C．navbar可使用pull-left类来定义
D．navbar可使用navbar-left类来定义
66、对于border-radius标签,说法错误的是
A．表示圆角边框B．IE8支持良好
C．IE9支持良好D．firefox支持良好
67、把鼠标移到按钮并点击时,会产生一串什么样的事件？
A．activehovefocusB．foucshoveactive
C．hoveactivefoucusD．hoverfocusactive
68、
升级会员 