标准文档流

 

标准文档流

网页在解析的时候，遵循于从上向下，从左向右的一个顺序，而这个顺序就是来源于标准文档流。

 

标准按文件流的规则有：

• 网页解析顺序 :上 - > 下 左 -> 右
• 块级元素和行内元素的规则:
  • 　　空白折叠现象， 都是一个空格
  • 　　高矮齐，底边对齐
  • 　　单词写满一行，自动换行。
  •        如果单词没有写完(没有空格)，那么单词不换行。

 

块级元素和行内级元素

我们把HTML标签分为两大类：

● 块级元素（block level）：div、h系列、p、ul、li、dl、dt、dd

● 行内级元素（inline level）：span、a、b、u、i、em、strong

 

块级元素：

① 能够设置宽度、高度；

② 不能并排；

③ 不设置宽度，那么宽度将默认变为父亲的width

 

行内级元素：

①不能设置宽度、高度；

②可以并排；

 

行内元素和块级元素可以自由转换

给任何一个元素，设置

1 display:block;

它将转为块级元素，拥有块级元素的所有性质；

相仿的，给任何一个元素，设置

1 display:inline;

它将转为行内元素，拥有行内元素的所有性质；

 

有什么用？

把一个块 → 行内  丝毫无用，工作10年都遇不见。

但是行内 → 块    非常有用！

 

我们发现标准文档流是做不出网页的，因为它太迂腐：能设置宽高的不能并排，能并排的不能设置宽高。

所以脱离标准流！ 脱离标准流一共有三种方法：浮动、绝对定位、相对定位。