标准文档流 | 学习笔记

简介: 快速学习标准文档流。

开发者学堂课程【CSS 快速掌握标准文档流】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/611/detail/9187


标准文档流


内容介绍

一、什么是标准文档流

二、标准文档流注意事项        

 

一、什么是标准文档流

在制作的 HTML 网页和 PS 画图软件画图时有本质上面的区别:

HTML 网页在制作的时候都得遵循一个“流的规则:从左至右、从上至下。

使用 Ps 软件画图时可以在任意地方画图。


二、标准文档流注意事项

1.  空白折叠现象

消除空白让这些元素放在同一行,使这些元素紧密相连。

2.高矮不齐,底部对齐

 

 

相关文章
|
前端开发
CSS布局:浮动 (结构伪类选择器、伪元素、标准流、浮动、清除浮动)
CSS布局:浮动 (结构伪类选择器、伪元素、标准流、浮动、清除浮动)
64 0
|
8天前
|
前端开发
前端基础(八)_盒子模型(标准盒子模型和怪异盒子模型)
本文介绍了CSS盒子模型的基本概念,包括内容、内边距、边框和外边距的属性,以及标准盒子模型和怪异盒子模型的区别和转换方法。
20 1
前端基础(八)_盒子模型(标准盒子模型和怪异盒子模型)
|
2月前
|
前端开发
HTML+CSS基础知识(5)相对定位、绝对定位、固定定位
这篇文章介绍了HTML和CSS中的三种定位方式:相对定位、绝对定位和固定定位,并通过代码示例展示了它们如何影响元素在页面上的布局和位置。
HTML+CSS基础知识(5)相对定位、绝对定位、固定定位
|
2月前
|
容器
探索浮动布局的原理与实践
探索浮动布局的原理与实践
|
12月前
|
前端开发 开发者
标准盒子模型,与怪异盒子模型详解
标准盒子模型,与怪异盒子模型详解
148 0
|
前端开发 JavaScript
了解BFC特性,轻松实现自适应布局
BFC(Block Formatting Context)俗称块级格式上下文,初次看到这词似乎有点不是很理解,通俗解释就是一个独立区域决定了内部元素的排放,以及内部元素与外部元素的相互作用关系
134 0
了解BFC特性,轻松实现自适应布局
|
前端开发 开发者
盒子模型概念| 学习笔记
快速学习盒子模型概念。
116 0
盒子模型概念| 学习笔记
5、盒子模型(标准和IE)
5、盒子模型(标准和IE)
73 0