标准文档流

本文详细介绍了标准文档流的概念,包括其定义、微观现象如空白折叠、元素排列特点,以及如何通过浮动、绝对定位和相对定位来脱离标准文档流,以实现更灵活的页面布局。
摘要由CSDN通过智能技术生成

一、标准文档流定义

在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以外,所有文本级标签都是行内元素
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值