CSS

• 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

• padding: 在一个声明中设置所有内边距属性。该属性可以有1到4个值。不允许使用负值。
  padding:10px 5px 15px 20px;
  上填充是 10px
  右填充是 5px
  下填充是 15px
  左填充是 20px
  padding:10px 5px 15px;
  上填充是 10px
  右填充和左填充是 5px
  下填充是 15px
  padding:10px 5px;
  上填充和下填充是 10px
  右填充和左填充是 5px
  padding:10px;
  所有四个填充都是 10px

• margin-bottom: 设置元素的下外边距。

• display 属性规定元素应该生成的框的类型。
  display: block; 生成块级元素框
  如果用< div> + < a > 做一个按钮，就是 想通过 link 来实现跳转，但是看起来是个按钮，且不需要触发事件。而且css 也比 button 的好用。
  这中情况下，如果不是“块”block，那么只要点到文字上时才会触发，点到 按钮< div >但是没点到字是不行的，但是用了 block 后，整个按钮都可以承载 a 的link操作了
  css中的display是设置元素显示的方式,block是一块状元素的方式显示，
  inline是以内联元素的方式显示，none是不不显示；
  块状元素会单独占据一样，其他元素跟他在同一行的会被迫换行，挤到下一行那里去，inline则不会这样。
  可能的值
  

• box-sizing 于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。可以使用此属性来模拟不正确支持CSS盒子模型规范的浏览器的行为。
  box-sizing：border-box；
  先做盒。然后添加border，padding，最后做content。即保证盒模型优先，先做盒再放内容，不管内容是否放得下，一般手机上用的更多。
  更通俗的说，怪异盒模型中，父元素的盒模型确定，子元素是无法撑开父元素的盒模型，只能在盒模型剩余空间展示。
  

• left: 规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。

• z-index： 指定一个元素的堆叠顺序。
  拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。