写在前面：本文简单介绍一下css的三大特性：层叠性、继承性、优先级。以及margin,padding,浮动，定位几个知识点。限于水平，不深入探讨，仅作为学习总结。
1，三特性
1）层叠性：同标签同权重下，样式冲突，后面的样式会覆盖前面的。
2） 继承性： 给父元素设置样式的时候，子元素在 默认没有样式 的情况下会受父元素的样式影响。注意宽高不能继承。
可继承的属性：
◇文字颜色可以被继承 color
◇与文字相关的属性都可以被继承
◆行高（ line-height ） 可以被继承
◆ text-align
特殊情况：
a 标签默认情况下不会受父级元素的颜色影响
常见的在制作nav 中给li 设置颜色a标签不起作用，原因是受到浏览器默认的样式影响 color: -webkit-link 。
h1-h6 默认单位是em 具体大小要 乘积运算
3）优先级：
标签选择器 类选择器 选择器 行内样式
2，Margin 的特点：
1）垂直外边距合并（取大的）
2） 垂直外边距塌陷？
解决方法：
给父元素设置边框。
给父元素设置 overflow:hidden（触发bfc）
3,Padding值特殊性
在块级元素中，如果默认子元素没有设置宽度，给当前子元素设置padding值，不会影响当前子盒子的宽度。（“继承”的盒子padding值不会影响）
4,浮动
为什么用浮动？
开始是作为 图片文字环绕效果设计现在多用在布局和导航 制作
什么时候清理浮动？
1，父容器没有设置高度
2，父容器所有子元素都设置浮动
如何清理浮动？（这里介绍常见的4种）
1，clear：both;
2,给父元素设置overflow：hidden;(父元素没有定位)
3，使用伪元素
.clearfix
:after{
content: "";
height: 0;
display: block;
visibility: hidden;
clear: both;
}
.clearfix{
zoom: 1;
/*兼容ie6*/
}