前端常见面试题之CSS篇

    1. CSS 中 class类 和 ID的区别？
    2. 描述一下什么是 css 的 reset 文件以及它的作用？
    3. 描述一下 float 以及它的工作原理？
    4. 描述一下 z-index 以及层级环境是如果形成的？
    5. 说一下不同的清除浮动方式，以及适合使用的场景？
    6. 解释一下什么叫 CSS sprites，你在页面或者站点上是如何使用的？
    7. 你对于图片替换喜欢什么样的方式，在哪些时候会使用这样的方式？
    8. 一些CSS属性的 hack，有条件的使用css文件，或者一些其他的方式？
    9. 对于一些功能受限的浏览器，你会如何处理你的页面？
    10. 对于隐藏可视内容具有哪些方式，如果仅对于屏幕阅读器呢？
    11. 你用过CSS栅格系统么，其优点你认为有哪些？
    12. 你使用过或者部署过媒体查询和移动端的CSS特定布局么？
    13. 有过SVG样式的字体么？
    14. 你会如何优化打印布局的页面？
    15. 你所了解的一些高效CSS的一些陷阱么？
    16. 对于使用CSS预处理器（SASS，Compass，Stylus，LESS）的优缺点了解？
    17. 你会如何实现一个使用非标准字体的网页设计稿？
    18. 说一下浏览器是如何匹配决定一个CSS选择器对应元素的？
    19. 解释下你所理解的盒模型，在不同的盒模型下你是如何是浏览器去渲染你的布局的?
    20. *{ box-sizing:border-box; } 的作用是什么？优势是什么？
    21. 列一下你说记得的 display 属性的值？
    22. inline 和 inline-block 的区别是什么？
    23. 以 relative，fixed，absolute 和 statically 定位一个元素有什么区别？
    24. 在css中代表级联，样式如何确定优先级，举几个例子，如何使用这个特点来优秀的实现你所需要的？
    25. 简单介绍下你在本地或者生产环境使用的CSS框架（Bootstrap，PureCSS等）？
    26. 你有研究过新的CSS Flexbox 或者栅格规范么？
    27. 响应式设计与适应性设计的不同之处？
    28. 用过视网膜图形没？
    29. 了解过 BFC 没有？
    30. 做过CSS3动画么，有什么需要注意的方面？
    31. 对于CSS3了解多少，有哪些特性？
    32. display 为 inline-block 时间隙如何去除？