前端面试html和css

写出几种IE6 BUG的解决方法

1.双边距BUG float引起的 使用display
2.3像素问题 使用float引起的 使用dislpay:inline -3px
3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active
4.Ie z-index问题 给父级添加position:relative
5.Png 透明 使用js代码 改
6.Min-height 最小高度 ！Important 解决’
7.select 在ie6下遮盖 使用iframe嵌套
8.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）

如何优化前端资源

文件合并，压缩，缓存的使用，cnd

call和.apply的区别是什么？

call方法: 
语法：call(thisObj，Object) 
定义：调用一个对象的一个方法，以另一个对象替换当前对象。 
说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 
apply方法： 
语法：apply(thisObj，[argArray]) 
定义：应用某一对象的一个方法，用另一个对象替换当前对象。 
说明：如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。

对于apply和call两者在作用上是相同的，但两者在参数上有以下区别： 
对于第一个参数意义都一样，但对第二个参数：apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，而call则作为call的参数传入（从第二个参数开始）。如 func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1,[var1,var2,var3])同时使用apply的好处是可以直接将当前函数的arguments对象作为apply的第二个参数传入。

HTML5构成页面结构元素

• <header>：代表HTML的头部数据
• <footer>：页面的脚部区域
• <nav>：页面导航元素
• <article>：自包含的内容
• <section>：使用内部article去定义区域或者把分组内容放到区域里
• <aside>：代表页面的侧边栏内容

HTML5中新的表单元素

1. Color
2. Date
3. Datetime-local
4. Email
5. Time
6. Url
7. Range
8. Telephone
9. Number
10. Search