很多CSS的书籍在谈到CSS的定位机制时都会提到一个关键词“文档流”,然而可能这词对于作者来说简单得不需解释吧,所以很少见到有这词的具体解释,然而本人认为弄懂本概念对能否很好理解整个定位机制来说很关键!网上查了一下网友的理解,再翻了下W3C,结合自己理解。可以用W3C上面的一句话来概括:“元素的.....
分类:
Web程序 时间:
2014-11-01 17:31:08
阅读次数:
242
CSS浮动规则: 浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。 浮动1: 设置float : right,元素脱离文档流并向上向右移动,直到它的右边缘碰到包含块的右边缘。 ...
分类:
Web程序 时间:
2014-10-31 15:13:45
阅读次数:
298
width和height是指内容区域的宽度和高度,增加内边距、边框和外边距不影响内容区域。IE的盒模型IE6的width属性是内容、内边距、边框的宽度总和外边距叠加当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。只有普通文档流中块框的垂直外...
分类:
其他好文 时间:
2014-10-30 22:25:55
阅读次数:
213
float属性:定义元素朝哪个方向浮动。1.页面标准文档流、浮动层、float属性1.1 文档流HTML页面的标准文档流(默认布局)是:从上到下,从左到右,遇块(块级元素)换行。1.2 浮动层浮动层:给元素的float属性赋值后,就是脱离文档流,进行左右浮动,紧贴着父元素(默认为body文本区域)的...
分类:
Web程序 时间:
2014-10-29 23:47:53
阅读次数:
354
浮动float: 浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。(W3C) 绝对定位absolute: 设置为绝对定位的元素框从文档流完全删除,并相对于其包含块...
分类:
Web程序 时间:
2014-10-26 22:50:53
阅读次数:
368
/*JS代码预解析、变量作用域、作用域链等应该能作为学习JS语言的入门必备知识。下边给出些简要解释和一些典型的代码段,若要了解更多,能从网上搜索到更多相关示例。引用网上的一段有关“JS的执行顺序”的解释:如果一个文档流中包含多个script代码段(用script标签分隔的js代..
分类:
Web程序 时间:
2014-10-25 18:53:46
阅读次数:
197
01 复习内容复习之前的知识点02演示VS创建元素 03div和span区别 通过display属性进行DIV与Span之间的转换。 我也骄傲! 如果发现我邪恶了,请记住,我曾纯洁过. 传智播客官网ht...
分类:
Web程序 时间:
2014-10-24 21:59:42
阅读次数:
269
元素排版默认为文档流,脱离文档流(1.position:relative2.position:absolute)relative中top属性不能用百分比,absolute中margin:auto无效。
分类:
其他好文 时间:
2014-10-24 11:09:57
阅读次数:
129
文档流
先说说什么是文档流 流是什么 就是一串连续的东西
第一个框
第二个框
第三个框
我换行
我不换行
我们写在html里面的元素 系统会放在数据流里依次读取 按照从左到右从上到下的顺序 放置在页面上
当然在放置的过程中 牵扯到行内元素与块级元素的概念
简单说明一下
块级元素: 如div 每一个div元素占据一行 如果没有...
分类:
Web程序 时间:
2014-10-21 12:15:43
阅读次数:
265