CSS 问题
本章节是前端开发者面试问题 - CSS 部分的参考答案。 欢迎提出 PR 进行建议和指正!
- CSS 选择器的优先级是如何计算的?
- 重置(resetting)CSS 和 标准化(normalizing)CSS 的区别是什么?你会选择哪种方式,为什么?
- 请阐述
Float
定位的工作原理。 - 请阐述
z-index
属性,并说明如何形成层叠上下文(stacking context)。 - 请阐述块格式化上下文(Block Formatting Context)及其工作原理。
- 有哪些清除浮动的技术,都适用哪些情况?
- 请解释什么是精灵图(css sprites),以及如何实现?
- 如何解决不同浏览器的样式兼容性问题?
- 如何为功能受限的浏览器提供页面? 使用什么样的技术和流程?
- 有什么不同的方式可以隐藏内容(使其仅适用于屏幕阅读器)?
- 你使用过栅格系统吗?偏爱哪一个?
- 你是否使用过媒体查询或移动优先的布局?
- 你熟悉制作 SVG 吗?
- 除了
screen
,你还能说出一个 @media 属性的例子吗? - 编写高效的 CSS 应该注意什么?
- 使用 CSS 预处理的优缺点分别是什么?
- 对于你使用过的 CSS 预处理,说说喜欢和不喜欢的地方?
- 如何实现一个使用非标准字体的网页设计?
- 解释浏览器如何确定哪些元素与 CSS 选择器匹配。
- 描述伪元素及其用途。