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