网页的设计文档流（网页设计的流程分为哪三大步骤）
本文目录一览：
- 1、为什么要脱离文档流
- 2、网页布局的三种方式
- 3、文本流、文档流
- 4、网页标准文档流分为两类
- 5、html网页的标准文档流默认布局是
为什么要脱离文档流
脱离文档流说的是将元素从普通文档流中脱离出来，而其他没脱离的元素会当其不存在，仍按照给定的位置进行定位，也可以与脱离文档流元素重叠。
问题四：不太明白CSS中的文档流是什么意思 脱离文档流只是对html文档的一种解析方案的说法而已。脱离文档流是相对正常文档流而言的。
脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。
CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。
对父元素的影响：对于其父元素来说，元素浮动之后，它脱离当前正常的文档流，所以它也无法撑开其父元素，造成父元素的塌陷。
网页布局的三种方式
静态定位，相对定位，绝对定位。网页布局方式还有：一列布局 一般都是固定的宽高，设置margin ： 0 auto来水平居中，用于界面显著标题的展示等。两列布局 说起两列布局，最常见的就是使用float来实现。
T型布局所谓T型布局，使指页面上部为横条（网站标志+广告条）、下方左半部为主菜单、右由半部分显示内容的布局。因为看上去像英文字母“T”，所以称为T型布局。
流动布局（html网页默认的布局方式）特点：块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。内联元素都会在所处的包含元素内从左到右水平分布显示。
F型布局，这种布局方式属于传统的布局方式，更依赖于视觉线索，更好地控制用户的视觉路径，相比较来讲，F布局也更加自然，更加友好。F式布局符合用户的浏览习惯，更自然。符合“从上到下，从左到右”的阅读模式。
“T”结构布局 所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。
文本流、文档流
1、文本流： 文档的读取和输出顺序，也就是我们通常看到的由左到右、由上而下的读取和输出形式。
2、网页布局的三种方式：标准文档流 从上到下从左到右（块级元素【div，ul，li，dl，dt，p】和行级元素【上盘，img，strong，input】）。
3、在C中流可分为两大类，即文本流（text stream）和二进制流（binary stream）。所谓文本流是指在流中流动的数据是以字符形式出现。在文本流中，\n被换成回车CR和换行LF的代码0DH和0AH。
4、就是普通流了。就像你以前用表格布局基本只涉及到文档流，如绝对定位的元素不占文档流，它会忽略文档流的存在而浮在已有东西的上面。如相对定位它占文档流 ，所以定位不好它会覆盖已有的东西。
5、文本流是一系列字符，可以由多行构成，每行由一个换行符终止。
6、C语言中对流除了分为I/O流之外，还分为文本流与二进制流。文本流的特点是流由文本行组成，每一行有0个或多个字符并以’\n’字符结束，即它是有一定意义的，以某种字符集的字符组成的一个序列。
网页标准文档流分为两类
1、标准文档流 从上到下从左到右（块级元素【div，ul，li，dl，dt，p】和行级元素【上盘，img，strong，input】）。
2、文本流： 文档的读取和输出顺序，也就是我们通常看到的由左到右、由上而下的读取和输出形式。
3、float浮动 position：absolute绝对定位 position：fixed固定定位 怎么脱离文档流？1：float 使用float可以脱离文档流。
4、在普通文档流（标准流）下，块元素和内联元素的位置是由CSS布局规则和HTML标记的嵌套结构共同决定的。块元素在默认情况下会占据整个可用宽度，每个块元素都会被排列在前一个块元素下方。
5、按web标准分，可以分为HTML 01及之前的版本，xhtml 0、xhtml 1等，还有符合标准和不符合标准之分；按色彩分：红、黄、橙、绿、青、蓝、紫………等等。按技术类型分：web 0、web 0、web 0等。
6、标准文档流：指得是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排版方式。前面内容发生了变化，后面的内容位置也会随着发生变化 微观现象 空白折叠现象。
html网页的标准文档流默认布局是
HTML页面的标准文档流（默认布局）是：从上到下，从左到右，遇块（块级元素）换行。给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素（默认为body文本区域）的左右边框。
流动布局（html网页默认的布局方式）特点：块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。内联元素都会在所处的包含元素内从左到右水平分布显示。
标准文档流 从上到下从左到右（块级元素【div，ul，li，dl，dt，p】和行级元素【上盘，img，strong，input】）。
标准文档流：HTML的默认布局方式，即元素从上往下，从左往右布局的。非标准文档流：即加了float就是非标准流，它的布局方式不按标准流的布局。说穿了 就是 脱离了文档流。
