苏七Max

原创 CSS 知识点：盒子模型、伪类、伪元素

什么是 CSS 盒子模型 当对文档进行布局时，浏览器渲染引擎会根据 CSS 盒子模型将元素表现为一个个的矩形盒子，CSS 决定这些盒子的大小、位置以及背景颜色等属性。 盒子的构成 每个盒子由四部分组成： Margin: 外边距 Border: 边框 Padding: 内边距 Content: 盒子的内容 宽高计算 默认情况下，盒子的总宽高是这样计算的： 总宽度 = 左边距 + 左边框 + 左填充 + 宽度 + 右填充 + 右边框 + 右边距 总高度 = 上边距 + 上边框 + 上填充 + 高度 + 下填