1.页面标准文档流、浮动层、float属性1.1 文档流HTML页面的标准文档流(默认布局)是:从上到下,从左到右,遇块(块级元素)换行。1.2 浮动层浮动层:给元素的float属性赋值后,就是脱离文档流,进行左右浮动,紧贴着父元素(默认为body文本区域)的左右边框。而此浮动元素在文档流空出的位置...
分类:
Web程序 时间:
2015-05-17 21:28:49
阅读次数:
151
img属性align:top,bottom,middle,left,right。这个已经标注出不推荐使用,不推荐使用的原因是什么呢?原来,img是内联元素,并非块级元素,它是行内元素。行内元素只能在水平方向给它设置和规定,至于竖直方向是按照文档流生成的,无法对其设置。也就是说,块级元素都是有大小的,...
分类:
其他好文 时间:
2015-05-12 20:47:53
阅读次数:
156
CSS中通过使用position属性,有4种不同类型的定位方式,这会影响元素框生成的方式。position属性值的含义:static:静态定位元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。relative:相对定位元素框偏移某个距离。元素...
分类:
Web程序 时间:
2015-05-11 00:03:18
阅读次数:
242
position是指元素的定位方式,有:static、absolute、fixed、relative、inherit 5种。static默认,布局排版方式按照HTML代码的顺序布局。absolute绝对定位,相对与祖先div 中非static的元素定位。fixed绝对定位,脱离HTML文档流,默认位...
分类:
Web程序 时间:
2015-05-09 21:52:20
阅读次数:
125
CSS中的定位大概可以分为:普通定位,浮动定位,绝对定位。除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 (X)HTML 中的位置决定。posiion的属性呢又有四种:static:手册的解释“元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会...
分类:
Web程序 时间:
2015-05-09 12:59:51
阅读次数:
140
语法:position : static | absolute | fixed | relative取值:static :默认值。无特殊定位,对象遵循HTML定位规则absolute :将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有...
分类:
Web程序 时间:
2015-05-06 17:10:24
阅读次数:
100
CSS position 属性通过使用position 属性,我们可以选择 4 种不同类型的定位,这会影响元素框生成的方式。position 属性值的含义:static元素框正常生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会创建一个或多个行框,置于其父元素中。relative元素框偏...
分类:
Web程序 时间:
2015-04-30 17:29:33
阅读次数:
182
css中的负边距(negative margin)是布局中的一个常用技巧,只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距,所以掌握它的用法对于前端的同学来说,那是必须的。本文非常基础,老鸟可以略过。 负边距在普通文档流中的作用和效果-影响元素在文档流中的位置 那些没有脱...
分类:
Web程序 时间:
2015-04-29 08:37:34
阅读次数:
140