错题整理
基于以下 HTML 结构，以下关于 main1.css 和 main2.css 的描述有哪些是正确的？
main1.css和main2.css同时开始加载，先加载完成的优先解析
如果main1.css和main2.css中有相同的选择器规则，那么main2.css中的规则将合并main1.css的规则
常见的浏览器端的存储技术有哪些？
cookie 是靠谱的浏览器都支持；localStorge 比 cookie 存的更多，获取更方便，而且存储内容不会随请求发送给服务器；session 虽然需要 cookie 支持（通常存放加密过的 sessionId），但是不在浏览器端存放主要信息，排除；IE 支持 userData 存储数据，但是基本很少使用到，除非有很强的浏览器兼容需求。
放在HTML里的哪一部分JavaScripts会在页面加载的时候被执行？
<body>标签部分
在HTML body部分中的JavaScripts会在页面加载的时候被执行。
在HTML head部分中的JavaScripts会在被调用的时候才执行。
head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时，可以保证脚本在任何调用之前被加载。
body 部分中的脚本: 当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。
在CSS3中，以下哪个IE浏览器（Trident内核）的私有属性前缀？
主流浏览器内核私有属性css前缀：
mozilla内核 (firefox,flock等) -moz
webkit内核(safari,chrome等) -webkit
opera内核(opera浏览器) -o
trident内核(ie浏览器) -ms
在bootstrap中为了在input两侧添加额外元素，以下说法正确的是
使用input-group来封装控件
使用input-group-addon来添加前置元素
必须为input添加form-control类
块级元素
行内元素
3.块级元素与行内元素的区别
（1）块级元素会独占一行，其宽度自动填满其父元素宽度；
行内元素不会独占一行，相邻的行内元素会排列在同一行，直至一行排不下才会换行，其宽度随元素的内容而变化。
（2）块级元素可以包含行内元素和块级元素；行内元素不能包含块级元素。
（3）行内元素设置width、height、margin-top、margin-bottom、padding-top、padding-bottom无效。
- 块级元素与行内元素的转换
display:inline-block;
display:inline;
display:block;
可变元素
请阅读以下代码：
<div style=”width:400px;height:200px;”>
<span style=”float:left;width:auto;height:100%;”>
<i style=”position:absolute;float:left;width:100px;height:50px;”>hello</i>
</span>
</div>
问题：span标签的width和height分别为多少？
首先span不是块级元素，是不支持宽高的，但是style中有了个float：left；就使得span变成了块级元素支持宽高，height:100%;即为，200，宽度由内容撑开。
但是内容中的 i 是绝对定位，脱离了文档流，所以不占父级空间，所以span的width=0
以下关于盒子模型描述正确的是：
关于web表单登录中用到的图形验证码的实现,以下做法不正确的有:
返回给浏览器的html代码中包含图形验证码和文本字符串,登录前客户端判断输入内容和页面中保存的内容是否一致
服务器端在返回的图片和cookie中同时包含图形验证码,登录前客户端判断输入内容和cookie保存的内容是否一致
浏览器通过识别图形验证码中的内容和用户输入的内容判断是否一致
display:none 和 visibility:hidden的说法，正确的是？
display:none与visibility:hidden都可以用来隐藏某个元素
display:none在隐藏元素的时候，将其占位空间也去掉；而visibility:hidden只是隐藏了内容而已，其占位空间仍然保留。
DHTML 的动态样式的作用是 ()
使网页作者改变内容的外部特征而不强制用户再次下载全部内容
不换行必须设置哪些项？
word-break
white-space
iframe的使用场景有？
1：典型系统结构，左侧是功能树，右侧就是一些常见的table或者表单之类的。为了每一个功能，单独分离出来，采用iframe。
2：ajax上传文件。
3：加载别的网站内容，例如google广告，网站流量分析。
4： 在上传图片时，不用flash实现无刷新。
5： 跨域访问的时候可以用到iframe，使用iframe请求不同域名下的资源。
input元素的readonly与disabled属性描述
disabled指当 input 元素加载时禁用此元素。input内容不会随着表单提交
readonly规定输入字段为只读。input内容会随着表单提交。
