HTML和CSS面试题与答案Word文档格式.docx

1、9101112131415 int totalBlank =0;int blankNum =int taglen = page.taglst.size;A forint i =1; i /check blankB whileC +totalBlank;D +i;E if10F blankNum += totalBlank;G totalBlank =注意：以下代码中taglen是html文件中存在元素的个数,a.html中taglen的值是15,page.taglsti取的是a.html中的元素,例如page.taglst1的值是a.html的文件如下：titletestbodydivaaaa

2、aaa/body/htmlAA BB CC DD EE FF GG8、下面有关html5标签说法错误的有？audio 标签定义声音,比如音乐或其他音频流canvas 比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容menu 标签定义菜单列表。当希望列出表单控件时使用该标签command 标签定义命令按钮,比如单选按钮、复选框或按钮9、下面属于CSS3新增属性的有？Abox-shadow Btext-shadow Cborder-radius Drgba10、哪些可以给文字加上背景？Abg-primary Bbg-succes

3、s Cbg-info Dbg-warning11、在bootstrap中,关于全局设置的说法,错误的是Afont-size为14pxBline-height 设置为 1.428p设置了等于 1/2 行高即 10px的底部外边距margin设置了等于 1/2 行高即 10px的底部内边距padding12、以下位于间的代码片段是做什么用的meta name=viewport content=width=device-width, initial-scale=1A使得页面编码合乎要求 B表示支持响应式设计C支持正常的绘制和缩放 D表示针对滚屏进行适当的适配13、关于协议,下面哪个说法是正确的？A协

4、议是有状态协议。B以下是一个链接的response 的响应头： GET /xxx/xxx/js/lib/test.js /1.1 Host: 127.0.0.1 Connection: keep-alive Pragma: no-cache Cache-Control: no-cache Accept: */*CRESTful 接口中,利用协议的method字段来描述要对资源操作的方式,比如GET表示获取资源,POST表示新增一个资源,PUT表示更新资源,DELETE 表示删除资源等等。D一个请求返回的状态码中,304表示临时重定向。14、以下关于盒子模型描述正确的是：A标准盒子模型中：盒子的

5、总宽度 左右margin + 左右border + 左右padding + widthBIE盒子模型中：盒子总宽度 左右margin + 左右border + widthC标准盒子模型中：盒子的总宽度 左右margin + 左右border + widthDIE盒子模型中：盒子总宽度 width15、如何让一个区块居中?Acenter Bcenter-block Chorizontal-center Dvertical-center16、关于栅格系统,以下说法正确的是A会有自动的padding样式 B会有自动的margin样式C其字体默认为14px D其box-sizing默认为border-

6、box17、哪些是正确的辅助类Atext-muted Btext-success Ctext-info Dtext-warning18、在bootstrap中,关于导航条,下列说法正确的是?A应该将被包裹的元素放到navbar-collapse类中B表单应该放置于navbar-form内C可以使用navbar-left和navbar-right来对齐导航条D可以使用navbar-fixed-top和navbar-fixed-bottom来将导航条固定到顶部或底部19、iframe的使用场景有？A与第三方域名下的页面共享cookie B上传图片,避免当前页刷新C左边固定右边自适应的布局 D资源加

7、载20、设置CSS属性float的值为时可取消元素的浮动。21、css属性font-style用于设置字体的粗细。22、使用CSS来格式化网页,共有三种方式,以下哪一种不是：A在HEAD中引用 B作为标记来引用C在BODY中引用 D作为文件来引用23、下面有关html的描述,不推荐的是？A在页面顶部添加 doctype声明；B在 中间插入 HTML 代码；C避免使用 标签；D使用 元素展现学生成绩表等数据。24、在css3中要使元素由一种样式转换成另一种样式,需要使用什么属性？Aanimation Bkeyframes Cflash Dtransition25、关于HTML语义化,以下哪个说法

8、是正确的？A语义化的HTML有利于机器的阅读,如PDA手持设备、搜索引擎爬虫；但不利于人的阅读BTable 属于过时的标签,遇到数据列表时,需尽量使用 div 来模拟表格C语义化是HTML5带来的新概念,此前版本的HTML无法做到语义化DHeader、article、address都属于语义化明确的标签26、下列哪一个是页面载入时会触发什么Dom事件？Aonchange Bonaclive Conload Donresize27、关于bootstrap3的说法,错误的是A在windows上支持IE8B在IOS上支持OperaC在MAC OS及Windows上支持firefoxD在IOS及and

9、roid上都支持chrome28、下述有关border:none以及border:0的区别,描述错误的是？Aborder:none表示边框样式无Bborder:0表示边框宽度为0C当定义了border:none,即隐藏了边框的显示,实际就是边框宽度为0D当定义边框时,仅设置边框宽度也可以达到显示的效果29、为了在input两侧添加额外元素,以下说法正确的是A使用input-group来封装控件B使用input-group-addon来添加前置元素C使用input-group-tailon来添加后置元素D必须为input添加form-control类30、什么css属性可为元素设置外边距。31、

10、关于屏幕的尺寸标准,说法错误的是Acol-sm-* 一般用于大于768的平板Bcol-md-* 一般用于大于992的中等屏幕显示器Ccol-lg-*用于大于1200的桌面显示器Dcol-xs-*用于小于700的手机屏幕32、HTML的注释标记是以下哪个选项？A/注释内容 B/* 注释内容 */CD注释内容33、以下哪一个选项是html5的dtd？DOCTYPE htmlDOCTYPE HTML PUBLICDOCTYPE xhtmlDOCTYPE HTML534、能在1024的windows机器上显示8列而在肾6手机上显示12列的是Acol-md-8 col-xs-12 Bcol-lg-8 c

11、ol-sm-12Ccol-md-8 col-sm-12 Dcol-lg-8 col-xs-1235、浮动会导致页面的非正常显示,一下几种清除浮动的方法,哪个是不推荐使用的？A在浮动元素末尾添加一个空的标签例如 div style=clear:bothB通过设置父元素overflow值为hidden；C父元素也设置浮动D给父元素添加clearfix类36、浏览器在一次 请求中,需要传输一个 4097 字节的文本数据给服务端,可以采用那些方式?A存入 IndexdDB B写入 COOKIE C放在 URL 参数D写入 Session E使用 POST F放在 Local Storage37、下列关

12、于比较Ajax与Flash的优缺点,相关描述正确的是？AAjax的优势在意在于可搜索性,开放性,易用性及易于开发BFlash的优势在于多媒体处理,可以更容易的调用浏览器以外的外部资源CAjax最主要的批评就是它可能破坏浏览器的后退功能Dflash 文件经常会很大,用户第一次使用的时候需要忍耐较长的等待时间38、以下说法正确的是A为标签添加.table类可以给表格添加水平分割线B给表格添加table-striped类可以使IE8中的表格出现斑马线C为表格添加table-bordered类可为表格中每个元素增加边框D为表格添加table-hover类可为表格中增加鼠标悬停样式39、以下说法,错误的

13、是Amark用于显示变粗的文字 B用于显示删除的文本ins的文字会带下划线 D用于强调文本40、下列关于btn标签的说法正确的是Abtn-group能将按钮组成按钮组Bbtn-toolbar能将btn做成复杂组件Cbtn-group可以嵌套使用D可以使用btn-group-lg,btn-group-sm来调整按钮大小41、下列哪个样式定义后,内联元素可以定义宽度和高度Adisplay:inline Bdisplay:noneCdisplay:blockDdisplay:inherit42、下面有关jquery事件的响应,描述错误的是？Aonclick 鼠标点击某个对象Bonfocus 元素失去

14、焦点Conload 是某个页面的css js html 文档结构和图像被完成加载Donmousedown 某个鼠标按键被按下43、有一个元素,需要在打印时隐藏,使用的类是Avisible-print-block Bvisible-print-inlineChidden-print Dprint-hidden44、标签中,哪个是表格边框线的粗细？Abordercolor Bborder Ccellspacing Dcellpadding45、下列不属于bootstrap3的标签是ArowBrow-fluidCcol-md-*Dform-group46、下述有关css属性position的属性值的

15、描述,说法错误的是？Astatic：没有定位,元素出现在正常的流中Bfixed：生成绝对定位的元素,相对于父元素进行定位Crelative：生成相对定位的元素,相对于元素本身正常位置进行定位。Dabsolute：生成绝对定位的元素,相对于 static 定位以外的第一个祖先元素进行定位。47、下面哪个属性不会让 div 脱离文档流normal flow？Aposition: absolute; Bposition: fixed;Cposition: relative;Dfloat: left;48、下面有关html Doctype的描述,说法错误的是？A它的责任就是告诉浏览器文档使用哪种htm

16、l或者xhtml规范B不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析C不同浏览器在混杂模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器的行为根本就没有一致性可言。D如果在文档开始处没有发现文档类型声明,则所有浏览器都会默认开启严格模式49、下列哪个操作是W3C标准定义的阻止事件向父容器传递：Ae.preventDefault Be.cancelBubble=trueCe.stopPropagation De.stopImmediatePropagation50、display:none 和 visibility:hidden的说法,正确的是？none与visibi

17、lity:hidden都可以用来隐藏某个元素Bdisplay:none在隐藏元素的时候,将其占位空间也去掉；而visibility:hidden只是隐藏了内容而已,其占位空间仍然保留。Cdisplay:none是不符合html5标准的Dvisibility:hidden是不符合html5标准的51、在 HTML5 中,哪个方法用于获得用户的当前位置？AgetPosition BgetCurrentPositionCgetUserPosition DgetLocation/buttonuldropdown-menu role=menu aria-labelledby=li role=presen

18、tationa role=menuitem tabindex=-1 href=#Action/liAnother actionSomethingelse hereSeparated linkA表示了一个有五个下拉选项的下拉菜单span class=可以去掉而不影响功能C可以加入pull-right使菜单右对齐D可加入dropdown-menu-right使菜单右对齐53、网页开发中,一般需判断浏览器类型,需通过userAgent中获取浏览器内核来判断,下列说法错误的是？A一直到IE9,都是Trident内核 Bfirefox是Gecko内核Cchrome是webkit内核 DIE是目前最快的浏

19、览器54、下列描述错误的是A状态码302表示暂时性转移BdomContentLoaded事件早于onload事件CIE6/7/8不支持事件捕获DlocalStorage存储的数据,在刷新页面后会消失55、下面有关CSS中link和import的区别,描述错误的是？Alink属于XHTML标签,而import完全是CSS提供的一种方式B当一个页面被加载的时候,link引用的CSS会同时被加载,而import引用的CSS会等到页面全部被下载完再被加载Clink在支持CSS的浏览器上都支持而import只在5.0以上的版本有效D当使用javascript控制dom去改变样式的时候,只能使用impor

20、t方式56、使用CSS的flexbox布局,不能实现以下哪一个效果：A三列布局,随容器宽度等宽弹性伸缩B多列布局,每列的高度按内容最高的一列等高C三列布局,左列宽度像素数确定,中、右列随容器宽度等宽弹性伸缩D多个宽高不等的元素,实现无缝瀑布流布局57、现有如下html结构ulliclick me运行如下代码：var elements=document.getElementsByTagNamelivar length=elements.length;var i=0;ielementsi.onclick=functionalert依次点击4个li标签,哪一个选项是正确的运行结果?A依次弹出1,2,

21、3,4 B依次弹出0,1,2,3C依次弹出3,3,3,3 D依次弹出4,4,4,458、下面有关html结构描述正确的有？ol/oldldtdd/dd/dt/dltrtd/td/tr/table59、关于h标签h1h1. Bootstrap heading Secondary text/h1以下说法正确的是最大 B最大 C用法错误 DA2 B12 C3 D2163、下面列出的浏览器,无webkit内核的是Achrome BSafari C搜狗浏览器 Dfirefox64、关于html的盒模型,下列说法正确的是？Amargin是内边距Bpadding是外边距Cborder是边框Dborder-r

22、adius是css3标准,因此IE并不支持border-radius属性65、下列辅助类的说法错误的是？button type= class=closespan aria-hidden=truesr-onlyClose可以用来表示一个关闭按钮可以用来表示一个三角符号Cnavbar可使用pull-left类来定义Dnavbar可使用navbar-left类来定义66、对于border-radius标签,说法错误的是A表示圆角边框 BIE8支持良好CIE9支持良好 Dfirefox支持良好67、把鼠标移到按钮并点击时,会产生一串什么样的事件？Aactive hove focus Bfoucs hove activeChove active foucus Dhover focus active68、