这家公司进去是笔试， HR面试的，说项目经理出差了，人事聊的还可以，说等项目经理回来以后再服饰。主要说下笔试题吧！
1. CSS css盒子模型又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。
2.xhtml是html的4.0版本，其中，最主要的区别有：XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素
3. 块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
行内元素：span,strong,em,br, img , input, label, select,textarea,cite,
4. id选择器，类选择器，属性选择器，后代选择器，子元素选择器，
不可继承的：display、margin、border、padding、background、height
@important的权重是最高的。
5.html,css，js分为结构层，表现层，交互层
6. 主流浏览器对html5的支持情况
（1）Chrome，Firefox：支持html5很多年，而且有自动升级，支持最好。
（2）Safari，Opera：同样支持html5很多年，支持也很好。
（3）IE：IE10起比较好了，之前的6，7，8比较差。
7.⑴、css浮动边距加倍错误（双倍边距BUG）的解决办法 该错误只影响ie而不影响其他浏览器，我们可以考虑用hack来解决！！！
解决方法：_display:inline;
⑵、扩展框问题 原因：无法将内容放入固定宽度或固定高度的框中，则框会扩展以适应内容，而不是让内容溢出框外。
解决方法：overflow: hidden
⑶、png图片的问题， IE6一下版本不支持png图片的格式；
⑷、三像素文本慢移 Ie6里面的banner部分折成三行， 解决方法：在IE6中让最后一个盒子减少三个像素，这就需要用到!important这个关键字了（让其它盒子也可以，那个方便就设那个）或者：zoom：1；
⑸.在IE6里，浮动元素的子元素如果定义了高度，则其子元素的宽度是其上一个不浮动的祖先元素的100%，
解决方法：一是不给其子元素设固定高度（只设行高），二是也让这个子元素变成浮动元素。
8. css reset指的是重置浏览器的默认样式
因为现在的浏览器很多，并且每个浏览器都有自己的默认样式，这样就会导致一个页面在多个浏览器下展示产生差异，所以我们需要做一些处理使每个浏览器下展示一致，故需要css reset
（4）缺陷：并不是所有的标签都有默认的margin，padding，reset而且连后面有用的样式也干掉了,并且在移动端和电脑端有bug
9.雪碧图，也叫精灵图。background-position 属性设置背景图像的起始位置。
10.一半项目资源分类管理，还有就是吧js从底部压缩，css放在顶部压缩，采用cdn缓存，等
11. HTML 标签语义化是让大家直观的认识标签(markup)和属性(attribute)的用途和作用。Header main,nav,article,section,aside,footer,small 等。
12.清除浮动有4种方式，
使用overflow属性来清除浮动，使用额外标签法，使用伪元素来清除浮动(after意思:后来,以后)，使用双伪元素清除浮动。一般采用第四种方式清除浮动。
13.unll,undefined,NaN,string,number,object
14.split()将一个字符串分割为子字符串，将结果作为字符串数组返回，若字符串中存在多个分割符号，亦可分割。
join方法把数组中的所有元素放入一个字符串中
15.普通添加事件的方法不支持添加多个事件，最下面的事件会覆盖上面的，而事件绑定（addEventListener）方式添加事件可以添加多个。
16.脚本的差异，css的差异，还有获取鼠标当前位置，以及获取窗口高度和宽度的差异。
17. get是把参数数据队列加到提交表单的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内2、get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。3、get安全性非常低，post安全性较高。
其实笔试题并没有大家想象的那么难哦，都是我们平时学过的或者老师拓展的知识，只要把细节把握到位，其实面试是很so easy的。本文中的笔试题由于个别题目范围较广，所以答案有所精简，欢迎大家提出补充。
收藏
淘帖
踩
