前端基础（下）：margin，padding，盒模型，复合属性，常见标签，选择器以及选择器优先级

margin外边距
外边距的问题：
1.上下外边距会重叠：
解决方案：
尽量避免使用不同方向的margin，尽量使用同一个方向，比如都用top或者bottom
2.父子级包含的时候子级的margin-top会传递给父级
解决方案：
触发BFC，haslayout

外边距：
margin：top right bottom left；
上边距 右边距 下边距 左边距
Padding
Padding与margin类似，但是padding表示的内边距
padding：top right bottom left;
上内边距 右内边距 下内边距 左内边距
盒模型

margin和padding会对不同的浏览器有影响，所以在写css时，要把margin和padding归零

内边距、边框和外边距可以应用于一个元素的所有边，也可以应用于单独的边。
外边距可以是负值，而且在很多情况下都要使用负值的外边距。
常见复合属性

a标签/span标签
a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻
当为链接的不同状态设置样式时，请按照以下次序规则：
a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须位于 a:hover 之后
常见标签


标签样式初始化：

那些样式是需要重置的？
与盒模型有关
border
margin
padding
标签特有的样式
ul>li
ol>li
常用选择器：
id选择器
id选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
id选择器以"#" 来定义。
类选择器
在CSS 中，类选择器以一个点号显示
注意：类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。
属性选择器
对带有指定属性的 HTML 元素设置样式。
可以为拥有指定属性的 HTML 元素设置样式，而不仅限于class 和 id 属性。
注释：只有在规定了 !DOCTYPE 时，IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中，不支持属性选择。
选择器优先级

优先级代码执行生效的顺序
行间样式>id选择器>类选择器>标签选择器
行间样式 1000
id选择器 100
类选择器 10
属性选择器 1