html5标签为什么会有margin和padding两个属性？

   个人理解，html5中的每一标签就是一个控件，每一个控件都有自己的大小，如果我们不进行设置其大小，那么控件就会使用默认值。

   假设说我现在有一个<input>控件，type类型为button，这个button控件会在屏幕上占据一定的空间大小，我们假设该空间的长为100px，宽为80px；如果我现在有一个需求，需求是让该button显示文字，文字显示的位置距离控件左边20px，那么我可以给这个button控件设置padding-left=20px 属性，也就是paddin表示的是该空间内部的填充范围。

margin和padding是两个语义不同的属性，margin表示的是这个控件距离其他控件之间应该有多少距离，而padding表示的是控件的边缘和控件本身的内容之间的距离，