前端三剑客使用总结（一）

一、前言

虽然是后端开发的，工作中却一直有做前端的需求，本人并没有去记录常用的知识点，总是忘记，特此记录。

二、参考博客及网站

• W3School(强烈推荐)
• 菜鸟教程（强烈推荐）

三、正文

1、margin的使用

margin：margin表示外边距的属性。一共有四种写法（粘贴自菜鸟教程）:

• 写法一 margin:10px 5px 15px 20px;
  上边距是 10px
  右边距是 5px
  下边距是 15px
  左边距是 20px

• 写法二 margin:10px 5px 15px;
  上边距是 10px
  右边距和左边距是 5px
  下边距是 15px

• 写法三 margin:10px 5px;
  上边距和下边距是 10px
  右边距和左边距是 5px

• 写法四 margin:10px;
  所有四个边距都是 10px

注意：
1、border表示边框
2、padding表示内边距的属性（边框到content的距离）
在标准盒子模型中有介绍，看着这个可以就能很好的理解border、padding和margin这些概念了。

其他知识点待补充中。。。