CSS(二〇):传统网页布局的三种方式

网页布局的本质—利用CSS来摆放盒子。即把盒子摆放到相应的位置

CSS提供了三种传统(PC端)网页布局方式(简单说,就是盒子如何进行排列顺序)

这三种方式都是用来摆放盒子的,盒子摆放到合适的位置,布局自然就完成了

注意:实际开发中,一个页面基本包含了这三种布局方式()

标准流

标准流又叫做普通流或文档流

所谓标椎流:就是标签按照默认方式排列

  • 块级元素会独占一行,从上到下顺序排列

    • 常用:div、hr、p、h1~h6、ul、ol、dl、form、table
  • 行内元素会从左到右的顺序排列,碰到父元素边缘则自动换行

    • 常用:span、a、i、em等

以上都是标椎流布局,我们前进所学的就是标准流,标椎流是最基本的布局方式

浮动

后面讲

定位

后面讲

posted @ 2022-07-25 17:16  pure3417  阅读(189)  评论(0编辑  收藏  举报