Position这个属性定义建立元素布局所用的定位机制。任何元素都是可以进行定位的,不过绝对或者固定一个元素会产生一个块级框,不论该元素是什么类型;相对定位元素会相对于它在正常文档流中的默认位置偏移。 Position元素一般来说拥有五个属性,分别有: 1.absolute(生成绝对定位的元素,相对 ...
分类:
Web程序 时间:
2016-09-07 22:30:12
阅读次数:
194
语法: position:static (静态定位) | absolute (绝对定位) | fixed (固定定位) | relative (相对定位) 属性参数: static:静态定位,无特殊定位,对象遵循HTML定位规则(html的默认状态) absolute:绝对定位,对象脱离文档流,需要 ...
分类:
Web程序 时间:
2016-09-07 22:24:23
阅读次数:
155
在收到纸质书籍到手之前,我简单的看了一些多看阅读上的试读章节。第一章开始便以程序猿们编程遇到的各种问题引出了软件工程的重要性。在一个工程的进展过程中,各种的不确定性因素会以多种不同的方式阻碍项目的正常运转,例如,软件的质量提升,特殊需求的引入,文档、流程和工具的正确性等都会蚕食项目的工期和质量。如果 ...
分类:
其他好文 时间:
2016-09-06 01:04:22
阅读次数:
108
#CSS定位、浮动##1、标准文档流:指的是在不使用定位或者其他排版或者CSS,各个元素排列的规则实际上就是CSS规定网页默认的排列方式。负边距:会使文档流发生偏移,但是不会脱离文档流,不会占据原来的空间。##2、相对定位: position:relative 1、设置了相对定位后不会影响这个元素本 ...
分类:
Web程序 时间:
2016-09-04 15:45:26
阅读次数:
542
首先来了解下 一、负边距在让元素产生偏移时和position: relative有什么区别? position:relative产生偏移时,他原来的位置不会脱离文档流的,即还占用原来的空间,但负边距产生偏移时它原来的位置并不占用空间; 例如下面的代码 二、使用负 margin 形成三栏布局有什么条件 ...
分类:
其他好文 时间:
2016-09-03 01:03:32
阅读次数:
271
预加载原理就是在浏览器加载页面的时候先创建一个对象,然后填充数据,从而达到预先加载的效果。(即按照文档流顺序,先利用js加载函数去加载图片,然后在渲染dom元素) 代码如下: 附图: 从上图看不出什么预加载的效果。 那我设置一下网络的状态,就看得出效果了 从上图可见,图片明显是提前加载了。 PS:此 ...
分类:
其他好文 时间:
2016-09-02 18:42:13
阅读次数:
165
1、块级元素、行内元素、文档流通过对每个盒子的外边矩、边框、内边矩、内容、位置的精确控制,CSS可以实现复杂而精准的页面布局。块级元素,这类元素默认有换行效果,典型的如div行内元素,这类元素默认没有换行效果,典型的如span文档流,HTML元素在页面上显示时,根据在源码..
分类:
Web程序 时间:
2016-09-01 00:30:02
阅读次数:
682
CSS2.0 HandBook上的解释: 设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位,而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。 TRBL属性(TOP、RIGHT、BOTTOM、LE ...
分类:
Web程序 时间:
2016-08-31 13:56:08
阅读次数:
201
1.CSS定位有4种 static 默认值,没有定位 此种元素存在于文档流中 absolute 绝对定位 元素脱离文档流,浮动在普通元素上面,多个叠加绝对定位的元素可通过z-index的大小改变层叠顺序 fixed 绝对定位 元素脱离文档流,浮动在普通元素上面 ,多个叠加绝对定位的元素可通过z-in ...
分类:
其他好文 时间:
2016-08-30 17:43:17
阅读次数:
97
通过这次项目开发,使我对布局有了更深层次的理解,对float和position的运用也更得心应手。体会到float和position对页面的负面影响。其中,position:absoulte/fiexd会让元素脱离文档流,其后面的元素(暂且称为候补元素吧)会占据原来的位置,需要对候补元素的margi ...
分类:
移动开发 时间:
2016-08-28 13:45:10
阅读次数:
214