HTML和CSS面试题与答案Word文档格式.docx
- 文档编号:22598713
- 上传时间:2023-02-04
- 格式:DOCX
- 页数:39
- 大小:65.17KB
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、
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML CSS 试题 答案