前端面试宝典
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