前端工程师笔试题（欢迎评论留言）
1、如何合并表格的边框
表格边框合并属性border-collapse
表格边框合并属性(border-collapse)用来定义表格中边框是独立显示还是合并显示。在边框合并属性中，使用的属性值有两个：分别为separate和collapse。其语法结构如下所示。
border-collapse:separate|collapse;
其中各个属性值的含义如下所述：
● separate:定义表格边框独立显示。
● collapse:定义表格边框合并显示。
2、请简述CSS盒子模型;IE6的盒子模型哪个地方实现出错
网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性
IE6 盒子模型中，盒子的尺寸包含了 内容区，padding， border 和 margin 这四个部分，而 W3C 的盒子模型中，盒子的尺寸只包含内容区，padding，border 和 margin 被排除在盒子尺寸之外。
3、如果不使用CSS Hack，怎么实现IE兼容问题
4、为什么<font></font>不再推荐使用
5、为什么说<br/>标签需要闭合
6、有下面这样一个CSS样式
className{
height:22px;!important;height:21px;
}
请讲解一下上面代码中!important的作用，比较代码在ie6,ie7,firefox下的height各是多少；
7、在做网页的过程中，是先在IE中测试还是先在FireFox中进行测试
8、请说说所知道的浏览器，不包含非独立内核浏览器（比如TT使用的是IE的内核就不算）;
9、在javascript中对数组对象进行原型扩展，对其添加一个新方法随机乱序random,调用这个方法可以输出一个打乱顺序的新数组。如：var myArr = [1,2,3,4,5,6,7,8,9];var newArr = myArr.random();//现在可以对任意数组调用random方法 // newArr 为[5,7,9,3...]
10、请分析下面两个Javascript中定义的函数的区别
function foo()
｛
b = function(){
}
｝
function foo()
{
function b(){
}
}
11、什么是JSON
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C、C++、C#、Java、JavaScript、Perl、Python等）。这些特性使JSON成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成(一般用于提升网络传输速率)。数据在键值对中，由逗号分开，花括号保存对象，方括号保存数组。
12、请问B标签和strong标签有什么区别，概念上的区别
用在网页上，默认情况下它们起的均是加粗字体的作用，二者所不同的是，<b>标签是一个实体标签，它所包围的字符将被设为bold（粗体），而<strong>标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，加强字符的语气是通过将字符变为bold（粗体）来实现的。
简单的说strong是web标准中xhtml的标签，strong的意思是“强调”；b是html的，b的意思是bold（粗体）。web标准主张xhtml不涉及具体的表现形式，“强调”可以用加粗来强调，也可以用其它方式来强调，比如下划线，比如字体加大，比如红色，等等，可以通过css来改变strong的具体表现。
并不是说有了strong，就淘汰了b，只是这个b很无辜，就因为自己表示的是字体加粗，恰巧跟strong默认情况下强调的效果一致，其实这个strong完全可以定义成别的样式的强调效果
13、如何清除Float产生的浮动
14、请简述几种常见的定位，如静态/固态/相对/绝对定位
15、如何将一个DIV启中定位到网页中
16、请问什么是CSS伪类。IE6支持那些标签的伪类
17、一个三列布局的网页要怎么设计？
18、请问CSS属性中display:none和overflow:hidden的区别
19、请问Display:block和display:inline的区别
20、网页中的动画（不包括GIF和FLASH）是怎么实现的。请简单表述一下原理
21、如何使用Javascript将一个div定位到网页中间
22、请问window.onload和JQuery中的ready()函数的区别
总结
以上是生活随笔为你收集整理的前端工程师笔试题（欢迎评论留言）的全部内容，希望文章能够帮你解决所遇到的问题。
