仓酷云

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

[DIV+CSS] 带来一篇熟悉CSS中absolute与relative

[复制链接]
精灵巫婆 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:25:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
良多伴侣问过我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来设定高低干系的,必定是子级在上父级鄙人。


一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
莫相离 该用户已被删除
沙发
发表于 2015-1-17 23:40:29 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
再现理想 该用户已被删除
板凳
发表于 2015-1-21 13:24:00 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
金色的骷髅 该用户已被删除
地板
发表于 2015-1-30 19:24:41 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
只想知道 该用户已被删除
5#
发表于 2015-2-6 15:22:54 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
若相依 该用户已被删除
6#
发表于 2015-2-16 21:47:21 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
简单生活 该用户已被删除
7#
发表于 2015-3-5 10:23:40 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
变相怪杰 该用户已被删除
8#
发表于 2015-3-12 05:06:54 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
活着的死人 该用户已被删除
9#
发表于 2015-3-19 18:40:38 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-24 01:59

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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