仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 740|回复: 7
打印 上一主题 下一主题

[DIV+CSS] CSS教程之名词注释:absolute与relative

[复制链接]
若天明 该用户已被删除
跳转到指定楼层
#
发表于 2015-1-16 00:17:30 | 只看该作者 回帖奖励 |正序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
网上冲浪无论你用InternetExplorer还是NetscapeNavigator,几乎随时都在与CSS打交道,在网上没有使用过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;他的意义是相对绝对定位,他是参照父级的原始点为原始点,无父级则以BODY的原始点为原始点,共同TRBL举行定位,当父级内有padding等CSS属性时,以后级的原始点则参照父级内容区的原始点举行定位。

偶然我们还必要依托z-index来设定容器的高低干系,数值越年夜越在最下面,数值局限是天然数。固然有一点要注重,父子干系是没法用z-index来设定高低干系的,必定是子级在上父级鄙人。

所有的设计第一步就是构思,构思好了。
透明 该用户已被删除
7#
发表于 2015-3-22 03:09:02 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
深爱那片海 该用户已被删除
6#
发表于 2015-3-22 03:09:01 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
金色的骷髅 该用户已被删除
5#
发表于 2015-3-15 16:06:45 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
柔情似水 该用户已被删除
地板
发表于 2015-3-7 22:23:49 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
小魔女 该用户已被删除
板凳
发表于 2015-2-8 11:54:46 | 只看该作者
可以使用 CSS 检查工具进行设计。
灵魂腐蚀 该用户已被删除
沙发
发表于 2015-2-2 22:00:36 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
蒙在股里 该用户已被删除
楼主
发表于 2015-1-25 11:13:17 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-11-16 19:31

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表