CSS(二〇):传统网页布局的三种方式
网页布局的本质—利用CSS来摆放盒子。即把盒子摆放到相应的位置
CSS提供了三种传统(PC端)网页布局方式(简单说,就是盒子如何进行排列顺序)
这三种方式都是用来摆放盒子的,盒子摆放到合适的位置,布局自然就完成了
注意:实际开发中,一个页面基本包含了这三种布局方式()
标准流
标准流又叫做普通流或文档流
所谓标椎流:就是标签按照默认方式排列
-
块级元素会独占一行,从上到下顺序排列
- 常用:div、hr、p、h1~h6、ul、ol、dl、form、table
-
行内元素会从左到右的顺序排列,碰到父元素边缘则自动换行
- 常用:span、a、i、em等
以上都是标椎流布局,我们前进所学的就是标准流,标椎流是最基本的布局方式
浮动
后面讲
定位
后面讲