1.文档流(normal flow)
- 网页是一个多层的结构,一层压一层
- 通过css可以为每一层设置样式
- 作为用户只能看到最顶一层
- 这些层中,最底下的一层称为文档流,文档流是网页的基础所创建的元素默认都是在文档流中进行排列的
- 对于我们来说,元素主要有两个状态
- 在文档流中
- 不在文档流中
- 元素在文档流中有什么特点
- 块元素
- 块元素会在页面中独占一行
- 默认宽度是父元素的全部(会把父元素撑满)
- 默认高度是被内容(子元素)撑开
- 块元素自上往下垂直排列
- 行内元素
- 行内元素不会独占页面一行,只会占自身大小
- 行内元素在页面中自左向右水平排列 ,如果一行中不能容纳下所有的行内元素,继续自左向右排列
- 行内元素的默认宽度和高度总是被内容撑开
- 元素不在文档流中有什么特点(详见后面笔记)
学识浅薄,如有错误,恳请斧正,在下不胜感激。