HTML的一些小知识点（1）

一:文档流

1：什么是文档流？在窗口自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.

2：脱离文档流CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。

3：浮动和绝对定位都会使文档脱离文档流，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute :position脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。

参考链接：http://www.zhihu.com/question/24529373/answer/29135021

二：关于相对路径于绝对路径：

相对路径：相对于当前文件的路径。网页中一般表示路径会使用这个方法。

绝对路径：主页上的文件或目录在硬盘上真正的路径，比如，你的图片是放在c:/homepage/images下的，c:/homepage/images

就是images目录的绝对路径。在网络中以http开头的链接都是绝对路径。

相对路径使用的特殊符号:

"./"：代表目前所在的目录。

"../"：代表上一层目录。

以"/"开头：代表根目录。

三:display的几个属性

1:display:inline;

默认。此元素会被显示为内联元素，元素前后没有换行符。

2:display:block;

使元素成为块级元素

3:display:inline-block;

行内块元素。

4:display:inherit;

规定应该从父元素继承 display 属性的值。

5：diaplay:none;

表示此元素不会被显示

 四：块级元素和行级元素的区别

在标准文档流里面，块级元素具有以下特点：

1：总是在新行上开始，占据一整行；

2：高度，行高以及外边距和内边距都可控制；

3：宽带始终是与浏览器宽度一样，与内容无关；

4：它可以容纳内联元素和其他块元素。

行内元素的特点：

1：和其他元素都在一行上；

2：高，行高及外边距和内边距部分可改变；

3：宽度只与内容有关；

4：行内元素只能容纳文本或者其他行内元素。

5：不可以设置宽高，其宽度随着内容增加，高度随字体大小而改变。