css盒模型

所有HTML元素可以看作盒子,在CSS中,"box model(盒子模型)"这一术语是用来设计和布局时使用。

盒模型包括了:内容(content)、内边距(padding)、边框(border)、外边距(margin)

元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。

背景应用于由内容和内边距、边框组成的区域。

外边距可以是负值,而且在很多情况下都要使用负值的外边距。

内边距、边框和外边距可以应用于一个元素的所有边,也可以应用于单独的边。

原文地址:https://www.cnblogs.com/wdm55/p/7226286.html