内边距padding 属性：指元素边框、元素内容之间的空白区域。
注： padding 接受长度值或百分比值，但不允许使用负值。
css padding属性语法：
1.padding:属性值1 属性值2 属性值3 属性值4
2.padding:属性值1 属性值2 属性值3
3.padding:属性值1 属性值2
4.padding:属性值1
说明：
1.当padding属性有4个属性值时：给4个属性值分别定义上内边距、右内边距、下内边距、左内边距。
2.当padding属性有3个属性值时：属性值1和属性值3分别定义上内边距和下内边距。属性值2定义右内边距、左内边距。
3.当padding属性有2个属性值时：属性值1定义上内边距和下内边距。属性值2定义右内边距、左内边距。
4.当padding属性只有1个属性值时：该属性值定义上内边距、右内边距、下内边距、左内边距 示例：如果希望所有内边距都是10 像素，只需要设置：padding:10px; 就可以了。
5. 也可以分别设置4个边的内边距，只需通过它们的单独属性，分别设置上、右、下、左内边距：
* padding-top
* padding-right
* padding-bottom
* padding-left
简写就是：padding:1px 10px 1px 3px; (上右下左)，此写法符合标准，推荐
可能的属性值
auto：浏览器计算内边距
length：规定以具体单位计的内边距值，比如像素、厘米等（默认为0px）
%：规定基于父元素的宽度的百分比的内边距
inherit：从父元素继承padding属性的值
盒子中的区域
一个盒子中主要的属性就5个：width、height、padding、border、margin。如下：
- width和height：内容的宽度、高度（不是盒子的宽度、高度）。
- padding：内边距。
- border：边框。
- margin：外边距。
盒子模型的示意图：
代码显示
真实占有宽度 = 左border + 左padding + width + 右padding + 右border
上图显示：
在 CSS 盒子模型 (Box Model) 规定了元素处理元素的几种方式：
- width和height：内容的宽度、高度（不是盒子的宽度、高度）。
- padding：内边距。
- border：边框。
- margin：外边距。
CSS盒模型和IE盒模型的区别：
- 在 标准盒子模型中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。
- IE盒子模型中，width 和 height 指的是内容区域+border+padding的宽度和高度。
注：Android中也有margin和padding的概念，意思是差不多的，如果你会一点Android，应该比较好理解吧。区别在于，Android中没有border这个东西，而且在Android中，margin并不是控件的一部分。
<body>标签也有margin
<body>标签有必要强调一下。很多人以为<body>标签占据的是整个页面的全部区域，其实是错误的，正确的理解是这样的：整个网页最大的盒子是<document>，即浏览器。而<body
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
