2017年秋招前端面试题（二）—— CSS

针对秋招，我整理了一些大公司的面试题，方便大家学习交流。面试题解析，面试经验分享，欢迎添加QQ群：642482868

1. 介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？
2. CSS选择符有哪些？哪些属性可以继承？
3. CSS优先级算法如何计算？
4. CSS3新增伪类有那些？
5. 如何居中div？
6. display有哪些值？说明他们的作用。
7. position的值relative和absolute定位原点是？
8. CSS3有哪些新特性？
9. 请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景？
10. 用纯CSS创建一个三角形的原理是什么？
11. 一个满屏 品 字布局 如何设计?
12. css多列等高如何实现？
13. 经常遇到的浏览器的兼容性有哪些？原因，解决方法是什么，常用hack的技巧 ？
14. li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？
15. 为什么要初始化CSS样式。
16. absolute的containing block(容器块)计算方式跟正常流有什么不同？
17. 对BFC规范(块级格式化上下文：block formatting context)的理解？
18. position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样？
19. CSS里的visibility属性有个collapse属性值是干嘛用的？在不同浏览器下以后什么区别？
20. css定义的权重
21. 请解释一下为什么需要清除浮动？清除浮动的方式
22. 什么是外边距合并？
23. 一个满屏 品 字布局 如何设计?
24. css多列等高如何实现？
25. font-style属性可以让它赋值为“oblique” oblique是什么意思？
26. position:fixed;在android下无效怎么处理？
27. 如果需要手动写动画，你认为最小时间间隔是多久，为什么？（阿里）
28. display:inline-block 什么时候会显示间隙？(携程)
29. overflow: scroll时不能平滑滚动的问题怎么处理？
30. 有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。
31. png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp？
32. 什么是Cookie 隔离？（或者说：请求资源的时候不要让它带cookie怎么做）
33. style标签写在body后与body前有什么区别？
34. 什么是CSS 预处理器 / 后处理器？

更多面试题解析，面试经验分享，欢迎添加QQ群：642482868