前端面试宝典

1: 如何让一个不定宽高的div,垂直水平居中?

　　方法一: 父盒子设置: display: table-cell; text-align:center; vertical-align:middle;

            div设置: 

2: 浏览器常见内核

　　IE浏览器内核: Trident       Moailla内核: Gecko  Opera内核: Presto

3: IE 浏览器兼容性问题

　　IE6: PNG24的图片出现背景　　解决方案: PNG8

　　浏览器默认的margin和padding不同.　　 解决方案: *{margin: 0;  padding: 0;}       

4: IE6 双边距问题: 块级元素float后,又设置了横向的margin的情况下,在IE6中margin是设置的两倍　　

　　解决方法: _display: inline

5: IE 中可以使用value和getAttribute() 获取自定义属性

     Firefox中只能使用getAttribute( ) 获取自定义属性

　　解决方法: 统一使用getAttribute( ) 获取自定义属性

6: Chromue 中文界面下默认会将小于 12 px 的文本强制按照12 px 显示

　　解决方法: -webkit-text-size-adjust: none;

7: HTML 和 CSSA3 的新特性, 移除了那些元素? 如何处理HTML5新标签的浏览器的兼容性问题? 如何区分 HTML 和  HTML5

• HTML5 现在已经不是 SGML的子集
  • 绘画: canvas元素　　
  • video和audio
  • localStorage和sessionStorage
  • 语义化标签: article, footer, header, nav, section
  • 表单控件: calendar, date, time, email, url, search
  • CSS3实现圆角: border-radius, 阴影: text-shadow, 文字特效: text-shadow, 颜色: rgba, hlsa
  • 新技术: webworker, websockt , Gelolcation
  •