weixin_48055520的博客

同边框相关属性一样，使用复合属性padding定义内边距时，必须按照顺时针顺序采用值复制的原则，1个值为四边，2个值为上下/左右，3个值为上/左右/下。为了调整内容在盒子中的显示位置，常常需要给元素设置内边距。内边距也叫做内填充，指的是元素内容与边框之间的距离。相关属性的取值可为auto自动（默认值）、不同单位的数值、相对于父元素（或浏览器）的宽度百分比。图中显示的绿色部分即为设置的左内边距。属性用于设置内边距，同边框属性。属性值最常用的单位是像素值。1、未设置内边距属性的。2、设置左内边距属性的。

在浏览网站时，我们会发现页面的内容都是按区域划分的。在页面中，每一块区域分别承载不同的内容，这些承载内容的区域就被称为盒子模型。盒子模型就是把HTML页面中的元素看作是一个方形的盒子，也就是一个盛装内容的容器。每个方形的盒子都由元素的内容、边框、内边距和外边距组成。