【Web前端面试】葵花宝典（2022版本）——CSS篇

文章目录 前言 正文 1.说一下css盒模型 2.说一下CSS 3中引入的`box-sizing`属性 3.`link` 标签和`import`标签的区别 4.`transition`和`animation`的区别 5.说说flex布局 6.BFC（块级格式化上下文，用于清除浮动，防止margin重叠等） 7.关于JS动画和css3动画的差异性 8.说一下块元素和行元素 9.多元素的文本省略号 10.双边距重叠问题（外边距折叠） 11.`position`属性比较 12. CSS3新特性都有哪些？ 13.CSS 选择器有哪些，优先级呢 14. 怎么样让一个元素消失，讲讲 15. css动画如何实现 16. 如何实现图片在某个容器中居中？ 17. 如何实现垂直居中？ 18. CSS3中对溢出的处理是什么？ 19. float 的元素，display 是什么 20. `display：table` 和本身的 `table` 21. `z-index`的定位方法 22.如果想要改变一个DOM元素的字体颜色，不在它本身上进行操作有什么办法？ 23.对 CSS 的新属性有了解过的吗？ 24. `line-height` 和 `height` 的区别 25.设置一个元素的背景颜色，背景颜色会填充哪些区域？ 26. 知道属性选择器和伪类选择器的优先级吗 27.`inline-block`、`inline` 和 `block` 的区别 28.为什么 `img `是 `inline` 还可以设置宽 29. 了解重绘和重排吗，知道怎么去减少重绘和重排吗，让文档脱离文档流有哪些方法 30. `overflow` 的原理 31. `display:none` 和 `visibilty:hidden `的区别 32.谈谈你知道的css布局都有哪些？ 33. css预处理器有什么？ 文章目录 前言 正文 1.说一下css盒模型 2.说一下CSS 3中引入的`box-sizing`