CSS之概览
CSS实现了标签与样式的分离，使HTML标签更专注于内容的表达。
层叠次序
1、浏览器缺省设置
2、外部样式表
3、内部样式表（位于<head>标签内部）
4、内联样式（在HTML标签<元素>内部）
设计CSS时考虑的优先顺序
1、Order==============>HTML布局
2、Layout===============>
-Margin
-Border
-Padding
-Width-Height
3、Loaction==============>
-Display：块级元素and行内元素转换
-Position
-Top-Left-Right-Bottom
-Overflow
-Z-index
-Vertical
-align
-Clip
position:absolute-------->相对于原来的位置或者容器移动，需要结合z-index来安排叠放顺序-------------->不占用空间
position:relative---------->相对于原来本来初始的位置进行移动----------->如top:5px;
absolute与relative相类似，区别在于absolute是不占空间的，relative是占用空间的
尺寸是固定的(框模型)，位置是变化的。如是绝对定位还是相对定位。
*
{
margin:0;
paddng:0;
border:0;-------------->这个不能作为全局设置，因为<hr/>会失效，显示不出来
}
left-top-Z-index(absolute):----------->只有和position配合使用。
position:relative;--------------------------------->div宽度是占整行
position:absolute;------------------------------->div宽度只占填充元素的宽度
怎么让图片居中?
怎么让文字环绕图片?