[前端面试题及答案汇总]

CSS

1. 介绍一下CSS的盒子模型。
2. 介绍下 BFC 及其应用。
3. CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？
4. 为什么要初始化CSS样式。
5. 行内元素有哪些？块级元素有哪些？空元素有哪些？并说明其区别，行内元素的margin和padding可设置吗？
6. 分析比较display: none;、visibility: hidden; 和 opacity: 0;的优劣和适用场景。
7. position 、float 和 display 的取值和各自的意思和用法。
8. 请列举多种垂直水平居中的实现方式，以及其使用场景。
9. 请解释一下为什么需要清除浮动？列举出几种清除浮动的方式，以及各自优缺点。
10. 如何用 css 或 js 实现多行单行和文本溢出省略效果，考虑兼容性。
11. CSS3有哪些新特性？
12. CSS3 动画效果属性有哪些?
13. 如何处理内联元素中的空隙。
14. 页面导入样式时，使用 link 和 @import 有什么区别 ？
15. 列举常见的兼容性问题。
16. rem、em、px、vh 与 vw 的区别？
17. 用 position: absolute 跟用 float 有什么区别吗？
18. 何时应当时用 padding 和 margin？
19. 浏览器是怎样解析 CSS 选择器的？
20. 用 CSS 实现多种左侧宽度固定，右侧宽度自适应。