css（三）布局模型

1. 流动模型 （Flow）
   特征：（1）块状模型水平分布，占据整行，自上而下（2）内敛元素自左而右
2. 浮动模型（Float）
   div{
float:left;
}
   可以设置块状元素在同一行显示，上述语句是靠左
3. 层模型（Layer）
   
   1. 绝对定位(position: absolute) //相对父块
   2. 相对定位(position: relative)//生成一个新的元素，相对于以前的进行移动，块内的子元素不动
   3. 固定定位(position: fixed)//相对于视图（即窗口位置）固定
   4. relative中的absolute
4. 颜色值的表示
   （1）p{color:red;}（2）p{color:rgb(133,45,200);}或p{color:rgb(20%,33%,25%);}（3）p{color:#00ffff;}
   注：#off表示#ooffff
5. 长度值
   （1）px，即pixel像素（2）em表示字体（3）%
6. 设置文本等居中
   水平居中：text-align:center
   垂直居中:
   height:100px;
   line-height:100px;
   水平和垂直居中都可以利用table,具体参见相关教程
7. 隐性改变display类型
   position : absolute
   float : left 或 float:right
   自动改为：display:inline-block