收藏小站
HTML和CSS面试题及答案 - 图文 下载本文

编程语言——HTML/CSS

1、input属于窗体元素,层级显示比flash、其它元素都高。请判断这句话的正确与否。 A．T B．F

2、根据栅格系统的标准用法，错误的是 A．

D．

3、列表分为两类，一是无序列表，一是有序列表，以下哪个是无序列表？ A．

    B．
      C．D．

      4、关于下列类的说法错误的是？

      A．show用来显示一个区块B．hide用来隐藏一个div

      C．hidden用来隐藏一个div D．text-hide将会隐藏掉文字

      5、关于嵌套列的用法，错误的是

      A．


      B．


      C．




      D．


      6、下面哪一个标符可以产生一个水平线？

      A．

      B．
      C．D．

      7、处理a.html文件时，以下哪行伪代码可能导致内存越界或者抛出异常（） 1 int totalBlank = 0; 2 int blankNum = 0; 3 int taglen = page.taglst.size(); 4 A for(int i = 1; i < taglen-1; ++i) 5 { 6 //check blank 7 B while(page.taglst[i] == \8 { 9 C ++totalBlank; 10 D ++i; 11 }

      12 E if(totalBlank > 10)

      13 F blankNum += totalBlank; 14 G totalBlank = 0; 15 }

      注意：以下代码中taglen是html文件中存在元素的个数，a.html中taglen的值是15，page.taglst[i]取的是a.html中的元素，例如page.taglst[1]的值是

      a.html的文件如下：

      test

      aaaaaaa





      A．A B．B C．C D．D E．E F．F G．G

      8、下面有关html5标签说法错误的有？

      A．

      B．比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容

      C．

      标签定义菜单列表。当希望列出表单控件时使用该标签 D．标签定义命令按钮，比如单选按钮、复选框或按钮

      9、下面属于CSS3新增属性的有？

      A．box-shadow B．text-shadow C．border-radius D．rgba

      10、哪些可以给文字加上背景？

      A．bg-primary B．bg-success C．bg-info D．bg-warning

      11、在bootstrap中，关于全局设置的说法，错误的是 A．font-size为14px B．line-height 设置为 1.428

      C．

      设置了等于 1/2 行高（即 10px）的底部外边距（margin） D．

      设置了等于 1/2 行高（即 10px）的底部内边距（padding）

      12、以下位于间的代码片段是做什么用的

      1

      13、关于HTTP协议，下面哪个说法是正确的？ A．HTTP协议是有状态协议。

      B．以下是一个Http链接的response 的响应头： GET /xxx/xxx/js/lib/test.js HTTP/1.1 Host: 127.0.0.1 Connection: keep-alive Pragma: no-cache Cache-Control: no-cache Accept: */* 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．center B．center-block C．horizontal-center D．vertical-center

      16、关于栅格系统，以下说法正确的是

      A．会有自动的padding样式B．会有自动的margin样式

      C．其字体默认为14px D．其box-sizing默认为border-box

      17、哪些是正确的辅助类

      A．text-muted B．text-success C．text-info D．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．与第三方域名下的页面共享cookie B．上传图片，避免当前页刷新 C．左边固定右边自适应的布局D．资源加载

      20、设置CSS属性float的值为 1 时可取消元素的浮动。

      21、css属性font-style用于设置字体的粗细。请判断这句话的正确与否。 A．T B．F

      22、使用CSS来格式化网页，共有三种方式，以下哪一种不是： A．在HEAD中引用B．作为标记来引用 C．在BODY中引用D．作为文件来引用

      23、下面有关html的描述，不推荐的是？ A．在页面顶部添加 doctype声明；

      B．在 … 中间插入 HTML 代码； C．避免使用标签；

      D．使用

      元素展现学生成绩表等数据。

      24、在css3中要使元素由一种样式转换成另一种样式，需要使用什么属性？ A．animation B．keyframes C．flash D．transition

      25、关于HTML语义化，以下哪个说法是正确的？

      A．语义化的HTML有利于机器的阅读，如PDA手持设备、搜索引擎爬虫；但不利于人的阅读

      B．Table 属于过时的标签，遇到数据列表时，需尽量使用 div 来模拟表格 C．语义化是HTML5带来的新概念，此前版本的HTML无法做到语义化 D．Header、article、address都属于语义化明确的标签

      26、下列哪一个是页面载入时会触发什么Dom事件？

      A．onchange B．onaclive C．onload D．onresize

      27、关于bootstrap3的说法，错误的是

      A．在windows上支持IE8B．在IOS上支持Opera

      C．在MAC OS及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、什么 1 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？

      A．B．

      C．D．

      34、能在1024的windows机器上显示8列而在肾6手机上显示12列的是 A．col-md-8 col-xs-12 B．col-lg-8 col-sm-12

      C．col-md-8 col-sm-12 D．col-lg-8 col-xs-12

      35、浮动会导致页面的非正常显示，一下几种清除浮动的方法，哪个是不推荐使用的？ A．在浮动元素末尾添加一个空的标签例如

      B．通过设置父元素overflow值为hidden；

      C．父元素也设置浮动

      D．给父元素添加clearfix类

      36、浏览器在一次 HTTP 请求中，需要传输一个 4097 字节的文本数据给服务端，可以采用那些方式?

      A．存入 IndexdDB B．写入 COOKIE C．放在 URL 参数 D．写入 Session E．使用 POST F．放在 Local Storage

      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．用于显示删除的文本 C．的文字会带下划线D．用于强调文本

      40、下列关于btn标签的说法正确的是

      A．btn-group能将按钮组成按钮组B．btn-toolbar能将btn做成复杂组件

      C．btn-group可以嵌套使用D．可以使用btn-group-lg,btn-group-sm来调整按钮大小

      41、下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度 A．display:inline B．display:noneC．display:blockD．display:inherit

      42、下面有关jquery事件的响应，描述错误的是？ A．onclick 鼠标点击某个对象 B．onfocus 元素失去焦点

      C．onload 是某个页面的css js html 文档结构和图像被完成加载 D．onmousedown 某个鼠标按键被按下

      43、有一个元素，需要在打印时隐藏，使用的类是 A．visible-print-block B．visible-print-inline C．hidden-print D．print-hidden

      44、

      标签中，哪个是表格边框线的粗细？

      A．bordercolor B．border C．cellspacing D．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 脱离文档流（normal flow）？

      A．position: absolute; B．position: fixed;C．position: relative;D．float: left;

      48、下面有关html Doctype的描述，说法错误的是？

      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的说法，正确的是？ A．display: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、对于下拉菜单，错误的是 1

      6

        11

      12

      A．表示了一个有五个下拉选项的下拉菜单

      B．

      D．可加入dropdown-menu-right使菜单右对齐

      53、网页开发中，一般需判断浏览器类型，需通过userAgent中获取浏览器内核来判断，下列说法错误的是？

      A．一直到IE9，都是Trident内核B．firefox是Gecko内核 C．chrome是webkit内核D．IE是目前最快的浏览器

      54、下列描述错误的是（）

      A．HTTP状态码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结构 1

        2

      • click me
        • 3
      • click me
        • 4
      • click me
        • 5
      • click me
        • 6

      运行如下代码：

      1 var elements=document.getElementsByTagName('li'); 2 var length=elements.length; 3 for(var i=0;i

      4 elements[i].onclick=function(){ 5 alert(i); 6 } 7 }

      依次点击4个li标签，哪一个选项是正确的运行结果（）?

      A．依次弹出1，2，3，4 B．依次弹出0，1，2，3 C．依次弹出3，3，3，3 D．依次弹出4，4，4，4

      58、下面有关html结构描述正确的有？ A．

      B．

      C．

      D．

      59、关于h标签

      1

      h1. Bootstrap heading Secondary text

      以下说法正确的是

      A．

      最大B．

      最大C．用法错误D．表示副标题

      60、嵌入在HTML文档中的图像格式可以是？ A．*.gif B．*.tif C．*.bmp D．*.jpg

      61、下面哪一个标符可以产生一个表行？

      A．

      B．
      C．D．

      62、以下为一段浏览器中可运行的Javascript 代码，则运行该段Javascript代码的页面弹出框中显示的结果是：（）

      1 var obj = {\2 var newObj = obj;

      3 newObj.value += obj.key; 4 alert(obj.value);

      A．2 B．12 C．3 D．21

      63、下面列出的浏览器，无webkit内核的是（） A．chrome B．Safari C．搜狗浏览器D．firefox

      64、关于html的盒模型，下列说法正确的是？ A．margin是内边距B．padding是外边距

      C．border是边框D．border-radius是css3标准，因此IE并不支持border-radius属性

      65、下列辅助类的说法错误的是？

      A．