HTML和CSS面试题及答案Word文档下载推荐.docx
《HTML和CSS面试题及答案Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《HTML和CSS面试题及答案Word文档下载推荐.docx（32页珍藏版）》请在冰豆网上搜索。
4、关于下列类的说法错误的是？
A．show用来显示一个区块B．hide用来隐藏一个div
C．hidden用来隐藏一个divD．text-hide将会隐藏掉文字
5、关于嵌套列的用法，错误的是
divclass=“row”>
divclass=“col-sm-1”>
divclass=“container”>
divclass=“col-xs-1”>
6、下面哪一个标符可以产生一个水平线？
HR>
BR>
TR>
T1>
7、处理a.html文件时，以下哪行伪代码可能导致内存越界或者抛出异常（）
1
2
3
4
5
6
7
8
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、关于HTTP协议，下面哪个说法是正确的？
A．HTTP协议是有状态协议。
B．以下是一个Http链接的response的响应头：
GET/xxx/xxx/js/lib/test.jsHTTP/1.1Host:
127.0.0.1Connection:
keep-alivePragma:
no-cacheCache-Control:
no-cacheAccept:
*/*
C．RESTful接口中，利用HTTP协议的method字段来描述要对资源操作的方式，比如GET表示获取资源，POST表示新增一个资源，PUT表示更新资源,DELETE表示删除资源等等。
D．一个HTTP请求返回的HTTP状态码中，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的值为
1
时可取消元素的浮动。
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、浏览器在一次HTTP请求中，需要传输一个4097字节的文本数据给服务端，可以采用那些方式?
A．存入IndexdDBB．写入COOKIEC．放在URL参数
D．写入SessionE．使用POSTF．放在LocalStora
升级会员 