HTML5之margin padding

margin

属性为 上右下左，时钟顺时针方向。
用于定义元素外部间距

• 注意margin-top 可能存在向上传递的问题，可以在被影响的元素上使用

border-top: 1px solid transparent;
/*或者*/
overflow: hidden ;
/*或者*/
使用父元素的padding-top 实现子元素的margin-top 效果（容易影响整体布局）
/*或者*/
给两者任意一个加浮动效果都可以实现（但是容易影响整体布局）

消除影响。

• margin: auto

margin: auto // 作用于横向居中，纵向不生效
margin 值为负数时，元素间距变小

• margin bottom和margin-top
  二者正好在相邻上下使用时，总的间距默认为二者较大的值，而不是二者的和，可以在下面的区域外套一层 div 并用 overflow: hidden 修饰，即可解决问题。

padding

用于定义元素内边距。
使用padding时，会影响原有区域大小，所以为保证原有布局，需在原来的区域上减去padding的对应的宽高。

样式权重

标签选择器 0001
类选择器 0010
id选择器 0100
行内样式 1000
后代选择器 为 所有选择器之和