HTML和CSS面试题及答案

编程语言——HTML/CSS1、input属于窗体元素,层级显示比flash、其它元素都高。请判断这句话的正确与否。A．TB．F2、根据栅格系统的标准用法，错误的是A．divclass=containerbrdivclass=rowB．divclass=rowbrdivclass=col-md-1C．divclass=rowbrdivclass=containerD．divclass=col-md-1brdivclass=row3、列表分为两类，一是无序列表，一是有序列表，以下哪个是无序列表？A．ULB．OLC．DIRD．DL4、关于下列类的说法错误的是？A．show用来显示一个区块B．hide用来隐藏一个divC．hidden用来隐藏一个divD．text-hide将会隐藏掉文字5、关于嵌套列的用法，错误的是A．divclass=“row”brdivclass=“col-sm-1”B．divclass=“col-sm-1”brdivclass=“row”brC．divclass=“row”brdivclass=“container”brdivclass=“col-xs-1”brD．divclass=“container”brdivclass=“row”brdivclass=“col-xs-1”6、下面哪一个标符可以产生一个水平线？A．HRB．BRC．TRD．T17、处理a.html文件时，以下哪行伪代码可能导致内存越界或者抛出异常（）123456789101112131415inttotalBlank=0;intblankNum=0;inttaglen=page.taglst.size();Afor(inti=1;itaglen-1;++i){//checkblankBwhile(page.taglst[i]==br&&itaglen){C++totalBlank;D++i;}Eif(totalBlank10)FblankNum+=totalBlank;GtotalBlank=0;}注意：以下代码中taglen是html文件中存在元素的个数，a.html中taglen的值是15，page.taglst[i]取的是a.html中的元素，例如page.taglst[1]的值是htmla.html的文件如下：htmltitletest/titlebodydivaaaaaaa/div/body/htmlbrbrbrbrbrA．AB．BC．CD．DE．EF．FG．G8、下面有关html5标签说法错误的有？A．audio标签定义声音，比如音乐或其他音频流B．canvas比如来自一个外部的新闻提供者的一篇新的文章，或者来自blog的文本，或者是来自论坛的文本。亦或是来自其他外部源内容C．menu标签定义菜单列表。当希望列出表单控件时使用该标签D．command标签定义命令按钮，比如单选按钮、复选框或按钮9、下面属于CSS3新增属性的有？A．box-shadowB．text-shadowC．border-radiusD．rgba10、哪些可以给文字加上背景？A．bg-primaryB．bg-successC．bg-infoD．bg-warning11、在bootstrap中，关于全局设置的说法，错误的是A．font-size为14pxB．line-height设置为1.428C．p设置了等于1/2行高（即10px）的底部外边距（margin）D．p设置了等于1/2行高（即10px）的底部内边距（padding）12、以下位于head间的代码片段是做什么用的1metaname=viewportcontent=width=device-width,initial-scale=1A．使得页面编码合乎要求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+widthB．IE盒子模型中：盒子总宽度＝左右margin+左右border+widthC．标准盒子模型中：盒子的总宽度＝左右margin+左右border+widthD．IE盒子模型中：盒子总宽度＝width15、如何让一个区块居中?A．centerB．center-blockC．horizontal-centerD．vertical-center16、关于栅格系统，以下说法正确的是A．会有自动的padding样式B．会有自动的margin样式C．其字体默认为14pxD．其box-sizing默认为border-box17、哪些是正确的辅助类A．text-mutedB．text-successC．text-infoD．text-warning18、在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用于设置字体的粗细。请判断这句话的正确与否。A．TB．F22、使用CSS来格式化网页，共有三种方式，以下哪一种不是：A．在HEAD中引用B．作为标记来引用C．在BODY中引用D．作为文件来引用23、下面有关html的描述，不推荐的是？A．在页面顶部添加doctype声明；B．在/head…body中间插入HTML代码；C．避免使用font标签；D．使用table元素展现学生成绩表等数据。24、在css3中要使元素由一种样式转换成另一种样式，需要使用什么属性？A．animationB．keyframesC．flashD．transition25、关于HTML语义化，以下哪个说法是正确的？A．语义化的HTML有利于机器的阅读，如PDA手持设备、搜索引擎爬虫；但不利于人的阅读B．Table属于过时的标签，遇到数据列表时，需尽量使用div来模拟表格C．语义化是HTML5带来的新概念，此前版本的HTML无法做到语义化D．Header、article、address都属于语义化明确的标签26、下列哪一个是页面载入时会触发什么Dom事件？A．onchangeB．onacliveC．onloadD．onresize27、关于bootstrap3的说法，错误的是A．在windows上支持IE8B．在IOS上支持OperaC．在MACOS及Windows上支持firefoxD．在IOS及android上都支持chrome28、下述有关border:none以及border:0的区别，描述错误的是？A．border:none表示边框样式无B．border:0表示边框宽度为0C．当定义了border:none，即隐藏了边框的显示，实际就是边框宽度为0D．当定义边框时，仅设置边框宽度也可以达到显示的效果29、为了在input两侧添加额外元素，以下说法正确的是A．使用input-group来封装控件B．使用input-group-addon来添加前置元素C．使用input-group-tailon来添加后置元素D．必须为input添加form-control类30、什么1css属性可为元素设置外边距。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？A．!DOCTYPEhtmlB．!DOCTYPEHTMLPUBLICC．!DOCTYPExhtmlD．!DOCTYPEHTML534、能在1024的windows机器上显示8列而在肾6手机上显示12列的是A．col-md-8col-xs-12B．col-lg-8col-sm-12C．col-md-8col-sm-12D．col-lg-8col-xs-1235、浮动会导致页面的非正常显示，一下几种清除浮动的方法，哪个是不推荐使用的？A．在浮动元素末尾添加一个空的标签例如divstyle=”clear:both”/divB．通过设置父元素overflow值为hidden；C．父元素也设置浮动D．给父元素添加clearfix类36、浏览器在一次HTTP请求中，需要传输一个4097字节的文本数据给服务端，可以采用那些方式?A．存入IndexdDBB．写入COOKIEC．放在URL参数D．写入SessionE．使用POSTF．放在LocalStorage37、下列关于比较Ajax与Flash的优缺点，相关描述正确的是？A．Ajax的优势在意在于可搜索性，开放性，易用性及易于开发B．Flash的优势在于多媒体处理，可以更容易的调用浏览器以外的外部资源C．Ajax最主要的批评就是它可能破坏浏览器的后退功能D．flash文件经常会很大，用户第一次使用的时候需要忍耐较长的等待时间38、以下说法正确的是A．为table标签添加.table类可以给表格添加水平分割线B．给表格添加table-striped类可以使IE8中的表格出现斑马线C．为表格添加table-bordered类可为表格中每个元素增加边框D．为表格添加table-hover类可为表格中增加鼠标悬停样式39、以下说法，错误的是A．mark用于显示变粗的文字B．del用于显示删除的文本C．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:inherit42、下面有关jquery事件的响应，描述错误的是？A．onclick鼠标点击某个对象B．onfocus元素失去焦点C．onload是某个页面的cssjshtml文档结构和图像被完成加载D．onmousedown某个鼠标按键被按下43、有一个元素，需要在打印时隐藏，使用的类是A．visi