学习下解读absolute与relative

然后你要知道，DIV+CSS是高成本开发，速度当然是没有你画TABLE来的快，但是好处更多，相信如果你能看到这里，你一定对DIV+CSS的好处也有一定的了解了。

• 
  
• 
  

良多伴侣问过我absolute与relative怎样辨别，怎样用？我们都晓得absolute是相对定位，relative是绝对定位，可是这个相对与绝对是甚么意义呢？相对是甚么中央的相对，绝对又是相对甚么中央而言的呢？那他们又有甚么样的特征，能够做出甚么样的效果呢？关于二者之间又有甚么样的技能呢？上面我们就来逐一解读。
Absolute，CSS中的写法是：position:absolute;他的意义是相对定位，他是参照扫瞄器的左上角，共同TOP、RIGHT、BOTTOM、LEFT(上面简称TRBL)举行定位，在没有设定TRBL，默许根据父级的做标原始点为原始点。假如设定TRBL而且父级没有设定position属性，那末以后的absolute则以扫瞄器左上角为原始点举行定位，地位将由TRBL决意。

登录/注册后可看大图

一样平常来说，网页居中的话用Absolute就简单堕落，由于网页一向是跟着分辩率的巨细主动顺应的，而Absolute则会以扫瞄器的左上角为原始点，不会应为分辩率的变更而变更地位。良多人堕落就在于这点上堕落。而网页居左其特征与Relative很类似，可是仍是有实质的区分的。
Relative，CSS中的写法是：position:relative;他的意义是绝对定位，他是参照父级的原始点为原始点，无父级则以文本流的按次在上一个元素的底部为原始点，共同TRBL举行定位，当父级内有padding等CSS属性时，以后级的原始点则参照父级内容区的原始点举行定位。

登录/注册后可看大图

偶然我们还必要依托z-index来设定容器的高低干系，数值越年夜越在最下面，数值局限是天然数。
我在这里借用了新浪博客的盒子来说明下，大家可能发现了，其实边框border往往就只有1px的宽度，谁叫它是边框呢。

仓酷云

可以使用CSS检查工具进行设计。

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。