10.CSS基础_标准文档流块级元素和行内元素

标准文档流

宏观地讲,我们的web页面和photoshop等设计软件有本质的区别:web页面的制作,是个“流”,必须从上而下,像“织毛衣”。而设计软件,想往哪里画个东西,都能画。

标准文档流的特性

(1)空白折叠现象:

无论多少个空格、换行、tab,都会折叠为一个空格。
比如,如果我们想让img标签之间没有空隙,必须紧密连接:

(2)高矮不齐,底边对齐:

举例如下:

标准流里面的限制非常多,导致很多页面效果无法实现。如果我们现在就要并排、并且就要设置宽高,那该怎么办呢法是:移民!脱离标准流!

css中一共有三种手段,使一个元素脱离标准文档流:

  • 浮动
  • 绝对定位
  • 固定定位

绝对定位和相对定位上一节我们已经讲过了,下一节内容我们再看一下浮动;

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年11月8日
下一篇 2020年11月8日

相关推荐