2022最新CSS高频面试题指南
前言
大家好，我是CoderBin，本文将总结75道前端面试CSS中的高频考点，帮助同学们力闯秋招，赶快收藏起来学习啦。
如果发现文中有错别字或者不对的地方，欢迎在评论区留言指正，如果对某一知识点感到疑惑的也可以评论留言探讨
面试官系列文章
【1】面试官：你说说 js 中实现继承有哪几种方法？
【2】面试官：说说你对事件循环的理解
高频面试总结
【1】75道关于CSS的高频面试题总结，请注意查收！
【2】关于Vue的一些高频面试题总结
理论篇
1. box-sizing 属性值有什么作用？
用来控制元素的盒子模型的解析模式，默认为content-box
-
context-box：W3C 的标准盒子模型，设置元素的 height/width 属性指的是 content 部分的高/宽 -
border-box：IE 传统盒子模型。设置元素的 height/width 属性指的是 border + padding + content部分的高/宽
2. absolute 绝对定位，是相对于谁的定位？
CSS position属性用于指定一个元素在文档中的定位方式。
absolute 的元素会被移出正常文档流，并不为元素预留空间，通过指定元素相对于最近的非 static 定位祖先元素进行定位，确定元素位置。绝对定位的元素可以设置外边距，且不会与其他边距合并。
3. 行内元素和块级元素有什么区别？
行内元素：一个行内元素只占据它对应标签的边框所包含的空间。
块级元素：块级元素占据其父元素（容器）的整个空间，因此创建了一个“块”。
区别：
-
是否另起一行：认情况下，行内元素不会以新的一行开始，而块级元素会新起一行。
-
是否可设置宽高：块级元素可以设置 width, height属性，注意：块级元素即使设置了宽度，仍然是独占一行的。
而行内元素设置 width, height 无效。 -
是否可设置内外边距：块级元素都可，行内元素的水平方向的 padding-left/right, margin-left/right 都产生边距效果，但是竖直方向的 padding-top/bottom, margin-top/bottom 都不会产生边距效果。（也就是水平方向有效，竖直方向无效）
-
是否包含对方：块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素
4. 常见的行内元素和块级元素有哪些？
1、常见的行内元素