个人理解,html5中的每一标签就是一个控件,每一个控件都有自己的大小,如果我们不进行设置其大小,那么控件就会使用默认值。
假设说我现在有一个<input>控件,type类型为button,这个button控件会在屏幕上占据一定的空间大小,我们假设该空间的长为100px,宽为80px;如果我现在有一个需求,需求是让该button显示文字,文字显示的位置距离控件左边20px,那么我可以给这个button控件设置padding-left=20px 属性,也就是paddin表示的是该空间内部的填充范围。
margin和padding是两个语义不同的属性,margin表示的是这个控件距离其他控件之间应该有多少距离,而padding表示的是控件的边缘和控件本身的内容之间的距离,