CSS的标准文档流

CSS标准文档流是指元素按照从左到右、从上到下的排列方式。包括块级元素和行内元素,前者独占一行,可设置宽高,后者可与其他元素并排,无法设置宽高。通过`display`属性可以实现两者之间的转换,以适应不同的布局需求。然而,标准流的限制使得直接使用它难以创建复杂网页,因此需要利用浮动、绝对定位和固定定位来脱离标准文档流。
摘要由CSDN通过智能技术生成

1. 标准文档流

文档流指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。

2. 标准流的微观现象:

  • 空白折叠现象。
// 比如,如果我们想让img标签之间没有空隙,必须紧密连接.
<img src="img/00.jpg"/><img src="img/02.jpg"/>

  • 高矮不齐,底边对齐
  • 自动换行,一行写不完时,换行写

3.标准文档流等级

分为两种等级:块级元素和行内元素;

块级元素:
1).霸占一行,不能与其他任何元素并列
2).能接受宽、高
3).如果不设置宽度,那么宽度将默认变为父亲的100%,即和父亲一样宽

行内元素:
1).与其他元素并排
2).不能设置宽、高。默认的宽度就是文字的宽度
在HTML中,标签分为:文本级和容器级;
文本级:p、span、a、b、i、u、em
容器级:div、h系列、li、dt、dd

温馨小提示:

(1).容器级的标签,里面可以放置任何东西;文本级的标签里

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值