bootstrap前端开发,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、付费专栏及课程。

余额充值