margin、padding的属性值

以前小编也搞不懂，就总是一个一个分开来写
就比如一个margin有四个值，小编就总是margin-top、margin-left、margin-right、margin-bottom，分别给他们设置值
后来小编发现为了优化代码而且又节省代码，这4个值是可以写到一起的哦~
比如

margin:10px 20px 30px 40px （上右下左）
这个顺序就像是我们看的钟表一样 顺时针方向 上右下左

而且还可以这么玩

margin:10px(上下左右都是10px)
margin:10px 20px (上下各10px 左右各20px)
margin:10px 20px 30px （上10px  左右20px 下30px）

是不是很有意思？当然padding也是这样的，都是顺时针的顺序哦~

各位小白一定要切记，在项目中并不是代码越多越好。反而会消耗性能，而且用户加载的时候还会缓慢，所以我们一定要节省代码，能简则简！