一、标准文档流定义
在web页面制作,是个“流”,文档流指的是元素排版布局过程中,元素会自动从左往右,自上而下的流式布局。二、标准文档流的微观现象:
1、空白折叠现象
比如,如果我们想让img标签之间没有空隙,必须紧密连接。<img src="img/00.jpg"/><img src="img/02.jpg"/>
2、高矮不齐,底边对齐
3、自动换行,一行写不满,换行写
三、标准文档流等级
标准文档流等级森严,分为两种等级:块级元素和行内元素块级元素特点:
1、霸占一行,不能与其他任何元素并列2、能接受宽、高 设置
3、如果不设置宽度,那么宽度将默认变为父亲的100%,即和父亲一样宽
行内元素:
1、与其他行内元素并排2、不能设置宽、高,默认的宽度就是文字的宽度
这里我们说明一下,在HTML中,我们将标签分为:文本级(只能放置文字、图片、表单元素)和容器级(里面可以放置任何东西)
文本级标签:p、span、a、b、i、u、em
容器级标签:div、h系列标签、li、dt、dd
css分类也类似,分为行内元素和块级元素,除了p以外,所有文本级标签都是行内元素