前端学习笔记31-文档流
发布日期:2021-05-04 01:05:43 浏览次数:17 分类:技术文章

本文共 297 字,大约阅读时间需要 1 分钟。

前端学习笔记31-文档流

前面的学习是css的基础,现在开始学习布局

文档流

网页是一个多层结构,一层摞着一层。css可以设置每一层,而用户则只能看到最顶层。其中的最底层即为文档流,是网页的基础。

我们创建的元素默认在文档流中进行排列。因此元素主要有两个状态:在文档流中和不在文档流中

在文档流中

块元素和行内元素

块元素(如div)在页面中独占一行,默认宽度为父元素的宽度,默认高度被内容撑开。
行内元素(如span)不会独占一行,只占自身的大小,如果一行容纳不下,则换到第二行自左向右排列。默认宽度和高度被内容撑开。

当块元素和行内元素脱离文档流时,则不再区分块和行内,具体内容以后会学到。

转载地址:https://blog.csdn.net/weixin_45034895/article/details/116308618 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:前端学习笔记32-盒子模型
下一篇:前端学习笔记30-RGB&HSL

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年03月14日 23时05分06秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

java 远程调试 端口_JAVA远程调试 2019-04-21
java 获取 html 图片路径_JAVA-替换html中图片的路径-从html代码中提取图片路径并下载(完整版)... 2019-04-21
java redis 面试题_Java面试题(Redis篇) 2019-04-21
java 正则表达式分类功能_JAVA正则表达式4种常用功能 2019-04-21
java3d立方体_3d立方体贴图 2019-04-21
java ajax教程_(转)JAVA AJAX教程第三章—AJAX详细讲解 2019-04-21
java operators_A guide to Java Operators 2019-04-21
java socket调试_JAVA实现SOCKET多客户端通信的案例 2019-04-21
java 使用或覆盖了已过时的api_JAVA使用或覆盖了已过时的 API 2019-04-21
java 图片旋转保存_Java 对图片90度旋转 2019-04-21
用java实现文学研究助手_数据结构文学研究助手 C语言代码实现(带源码+解析)... 2019-04-21
java gc的几种方式_GC 的三种基本实现方式 2019-04-21
wget linux java 32_通过wget在Linux上下载Java JDK会显示在许可证页面上 2019-04-21
babylonjs 设置面板位置_babylonjs 空间坐标转为屏幕坐标 2019-04-21
oracle里面如何查询sqlid,CSS_oracle中如何查看sql, --查询表状态:  select uo.O - phpStudy... 2019-04-21
oracle 查询中用case,oracle case when 在查询时候的用法。 2019-04-21
oracle正在运行的程序包,ORACLE PL/SQL编程详解之程序包的创建与应用 2019-04-21
php局部页面滚动,在访问另一页面后保留浏览器滚动位置 - php 2019-04-21
jmeter运行linux命令行,Jmeter在linux上运行(命令行运行Jmeter) 2019-04-21
linux服务器怎么添加站点,如何增加站点或虚拟主机及文件说明 2019-04-21