什么是网页设计中的正常流程？(normal flow in web design?)

正常流程是在大多数情况下，元素在网页中的显示方式。HTML中的所有元素都位于内联框或块框的框内。...

正常流程是在大多数情况下，元素在网页中的显示方式。HTML中的所有元素都位于内联框或块框的框内。

铺设砌块箱

在正常流程中，块框一个接一个地放置在页面上（按照它们在HTML中的写入顺序）。它们从包含框的左上角开始，从上到下堆叠。每个框之间的距离由上下边距相互折叠的边距定义。

例如，您可能有以下HTML：

This is the first div. It's 200 pixels wide with a 5px margin around it.This is a wider div.

每个

divis是一个块元素，因此它将被放置在上一个块元素的下面。每个左外边缘将接触包含块的左边缘。布局内联框

内联框在页面上水平排列，一个接一个地从容器元素的顶部开始。当没有足够的空间将内联框的所有元素放在一行上时，它们将换行到下一行并从那里垂直堆叠。

例如，在以下HTML中：

This text is bold and this text is italics. And this is plain text.

段落是块元素，但有5个内联元素：

“此文本为”
“粗体”
“这段文字是”
“斜体”
". 这是纯文本。”

因此，正常的流程是这些块和内联元素如何在网页上显示，而无需网页设计师的任何干预。如果要影响元素在页面上的位置，可以使用CSS定位或CSS浮动。

发表于 2021-09-04 23:19
阅读 ( 132 )
分类：IT

你可能感兴趣的文章

提升你的云计算知识

...套令人难以置信的15门云计算教育课程。所有这些课程的正常价格是800美元，这意味着我们设法给你打了96%的折扣。 ...

发布于 2021-03-29 09:33
阅读 ( 207 )

什么是microsoft flow？

...个基于触发器的系统，用于创建自动化的工作流。流做什么？如果你是那种经常阅读《如何极客》的人，你可能意识到了个人生产力的驱动力，这种驱动力在几乎整个千年中一直在肆虐。Flow是微软的一个尝试，它为您提供了...

发布于 2021-04-03 23:36
阅读 ( 196 )

...的问答网站分组。问题超级用户读者Laurent非常好奇为什么页面加载的元素与以前完全不同。他写道： I’ve noticed that recently many websites are slow to display their text. Usually, the background, images and so on are going to be loaded, but no text. After so...

发布于 2021-04-11 21:33
阅读 ( 140 )

dfd公司(dfd)和流程图(flow chart)的区别

...图是通过信息处理系统的数据流的图形表示。它表示系统中的进程以及进程发生的顺序或步骤。这些图表示业务流程、决策、循环、计算和交互的逻辑。它们处理不同元素之间的控制流；这些要素是决定或指示。流程图涉及活...

发布于 2021-06-24 00:08
阅读 ( 184 )

网页设计师(web designer)和web开发人员(web developer)的区别

如今，企业都在搜索网页设计师和web开发人员，以提升他们的在线存在。虽然web设计器的工作的方面可能类似于web开发人员，但两者之间的边界变得模糊。几乎每个其他人都自称为设计师或开发人员。但是谁是真正的网页设计师...

发布于 2021-06-25 16:13
阅读 ( 279 )

友元函数(friend function)和C++中的正规函数(normal function in c++)的区别

...与正常函数不同。覆盖的关键领域 1、C++中的朋友函数是什么？定义，功能2。C++中的正常函数是什么？定义，功能3。C++中的朋友函数和普通函数的区别是什么？关键术语 C，C++，Fuffic函数，正规函数什么是C++中的Fuffic函数(frie...

发布于 2021-07-01 11:43
阅读 ( 256 )

网络托管(web hosting)和网页设计(web designing)的区别

...供他们的服务器计算机（物理位置）来存储网页和文件。网页设计是指创建网站或网页的视觉方面的过程。它包括网页的规划和创建。网页托管和网页设计都有很大的不同。网络托管一般与后台技术流程有关。另一方面，网页...

发布于 2021-07-13 15:11
阅读 ( 199 )

web开发人员(web developer)和网页设计师(web designer)的区别

关键区别：Web开发人员和Web设计人员是Web开发行业中的两个重要角色。web开发人员主要负责网站的外观和感觉。另一方面，web开发人员是为网站添加功能的程序员。就工作概况而言，网络开发已经成为一个重要的部门。其中两...

发布于 2021-07-14 01:37
阅读 ( 169 )

本周最受欢迎的帖子

...erference.Early Screenshots Show Chrome OS with a Cover Flow Style They're design ideas that could change, from early builds of an OS that's not released. But peeking around the early design ideas for Chrome OS reveals what kind of netbook experience Google's shooting for when it eventually comes ou...

发布于 2021-07-27 04:36
阅读 ( 168 )