css padding margin

padding：当前控件的内边距，即控件中内容距离该控件的距离。
margin：指的是当前控件和父控件的距离。
padding-top/padding-bottom/padding-left/padding-right/padding
margin-top/margin-bottom/margin-left/margin-right/margin

padding (margin):10px; 四边统一内（外）边距；
padding (margin):10px 20px; 10px 是上下内（外）边距；20px 是左右内（外）边距
padding (margin):10px 20px 30px 40px; 10px 是上内（外）边距；20px 是右内（外）边距；30px 是下内（外）边距；40px 是左内边距；

居中显示

#father{
width:100px;
height:100px;
position:relative;
}
#son{
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
margin:auto;//平分剩余空间
}

参考：https://blog.youkuaiyun.com/qq_44885374/article/details/89371818