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宽度只占填充元素的宽度

怎么让图片居中?

怎么让文字环绕图片?