html代码padding是什么意思？

老实说，在处理网页时，填充让我很烦恼，但是当我弄清楚它时，我发现它很有趣。
刚开始学习的时候，我总是对padding和margin感到困惑。
后来我好不容易才知道，他们是完全不同的。

以我工作的公司的官方网站为例。
页面上的课程间距总是不正确。
我花了几天时间才发现填充设置不正确。
到底是什么？当时使用的值为padding：1 5 px 2 0px；说实话，当时我不明白为什么左右距离比上下距离大。
后来我才知道这代表CSS中的padding。
第一个值是上下，第二个值是左和右。

有趣的是，padding的值可以是具体的像素值，比如padding: 1 0px；这是上面的下面，同样的权利。
但经常你会看到padding：1 0px 1 5 px 2 0px 2 5 px；这种写法是上、右、下、左的顺序。
我在做活动页面的时候，5 px 1 0px 1 5 px 2 0px;，我特别喜欢这种写法，就像padding一样，它可以让你精确控制各个方向的间距，让元素看起来更有凝聚力。

我记得一位设计师告诉我，设置padding时要考虑用户的视觉体验。
他说，“你看，如果内边距太小，用户会感觉内容很拥挤，如果太大，就会感觉很空。
”我当时不相信，就做了一个版本，修改了三遍才算对了。
具体数据我不记得了，但大概是上下5 -1 0px，左右1 0-1 5 px。
这种措施比较常用。

另一个困扰我的细节是图块和边框之间的关系。
之前在制作响应式页面的时候，总是发现元素宽度计算错误。
后来，您突然意识到您设置的内边距既放置在内容外部，又放置在框架内部。
例如，如果
的宽度设置为 2 00px，内边距设置为 2 0px；实际内容区域只有1 6 0px。
在计算布局时，这个细节尤其重要。
为此，我几乎把整页翻了过来。

背景和内边距的关系也值得一提。
在我的一个项目中，壁纸覆盖了整个元素。
起初我并没有关心padding和背景的关系，但是我发现背景图片的一部分被padding切掉了。
核对信息后；如果您不指定背景单击。
我意识到背景延伸到了垫子的边缘。
（然而（说实话，我基本没用过）。

总之，padding看似是一件简单的事情，但是如果使用得当，可以省去很多麻烦。
但是边界，如果你不理解边际和差距之间的关系，当你身处其中时，你真的会变得秃头。
当时，通过反复踏入洞中，他逐渐弄清楚了这些属性的优先级和相互关系。

CSS 两个DIV在同一列中 如何上下有间距

边距：右上角左下角； / 分别是上、右、下、左页边距 / div {宽度：2 5 0px;高度：5 0px；边框：2 px实线ccc；边距：5 0px 8 0px；
这是一个陷阱，不要相信。
直接编辑代码，测试效果。
标签： padding CSS