上QQ阅读APP看书,第一时间看更新
盒模型和border-box
盒模型指的是网页元素的结构。当指定一个元素的宽度或高度时,便设置了元素内容的尺寸——任何内边距(padding)、边框(border)、外边距(margin)都会基于它叠加。
给元素设置box-sizing: border-box会改变盒模型,使其获得更好的可预测性。指定宽度或高度时,会设置整个元素尺寸,包括内边距和边框。
第3章介绍如何给整个网页设置border-box,以及其他重要概念,如:
❑ 让内容居中
❑ 创建等高列
❑ 控制元素的间距