css面试大全

1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？

2、box-sizing属性？

3、CSS选择器有哪些？哪些属性可以继承？

4、CSS优先级算法如何计算？

5、CSS3新增伪类有那些?

6、display有哪些值？说明他们的作用?

7、position的值？

8、CSS3有哪些新特性？

9、请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？

10、常见的兼容性问题？

11、为什么要初始化CSS样式

因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

12、absolute的containing block计算方式跟正常流有什么不同？

13、display:none与visibility：hidden的区别？

14、position跟display、overflow、float这些特性相互叠加后会怎么样？

15、对BFC规范(块级格式化上下文：block formatting context)的理解？

16、为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式？

17、上下margin重合的问题

18、设置元素浮动后，该元素的display值是多少？

自动变成display:block

19、移动端的布局用过媒体查询吗？

20、使用 CSS 预处理器吗？

Less sass

21、CSS优化、提高性能的方法有哪些？

22、浏览器是怎样解析CSS选择器的？

23、在网页中的应该使用奇数还是偶数的字体？为什么呢？

24、margin和padding分别适合什么场景使用？

25、元素竖向的百分比设定是相对于容器的高度吗？

26、全屏滚动的原理是什么？用到了CSS的哪些属性？

27、什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？

28、视差滚动效果？

29、 ::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用

30、你对line-height是如何理解的？

31、怎么让Chrome支持小于12px 的文字？

32、让页面里的字体变清晰，变细用CSS怎么做？

33、position:fixed;在android下无效怎么处理？

34、如果需要手动写动画，你认为最小时间间隔是多久，为什么？

35、li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法

36、display:inline-block 什么时候会显示间隙？

37、有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度

38、png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp？

39、style标签写在body后与body前有什么区别？

40、CSS属性overflow属性定义溢出元素内容区的内容会如何处理?

41、阐述一下CSS Sprites