仓酷云

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

[DIV+CSS] 今天来学习14、【视频】绝对定位和相对定位

[复制链接]
简单生活 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:34:17 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
我们应当活用HTML为我们提供的标签。



[media=wmv,600,450][/media]
点击下载视频教程(感激动力软件园供应下载空间)
定位标签:position
包括属性:relative(绝对)
absolute(相对)
1.position:relative;假如对一个元素举行绝对定位,起首它将呈现在它地点的地位上。然后经由过程设置垂直或程度地位,让这个元素"相对"它的原始出发点举行挪动。(再一点,绝对定位时,不管是不是举行挪动,元素仍旧占有本来的空间。因而,挪动元素会招致它掩盖其他框)
2.position:absolute;暗示相对定位,地位将根据扫瞄器左上角入手下手盘算。相对定位使元素离开文档流,因而不占有空间。一般文档流中元素的结构就像相对定位的元素不存在时一样。(由于相对定位的框与文档流有关,以是它们能够掩盖页面上的其他元素并能够经由过程z-index来把持它层级序次。z-index的值越高,它显现的越在下层。)
3.父容器利用绝对定位,子元素利用相对定位后,如许子元素的地位不再相对扫瞄器左上角,而是相对父窗口左上角
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><style>body{padding:20px;}a{color:#00f;text-decoration:none;}a:hover{color:#f60;position:relative;top:1px;left:1px;}#layout{width:600px;margin:0auto;background:#eee;position:relative;}#new{position:absolute;top:-15px;left:140px;}</style></head><body><divid="layout"><divid="new"><imgsrc="http://www.zhuna.cn/images/new.gif"/></div>这里是内容<ahref="#">这里是链接</a>这里也是内容</div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
以下的内容是一位网友的DIVCSS编码笔记,是值得大家学习的,在实际工作与开发中,将工作中的点滴记录下来,回首这些过往,你也会收获很多
再见西城 该用户已被删除
沙发
发表于 2015-1-18 06:47:57 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
灵魂腐蚀 该用户已被删除
板凳
发表于 2015-1-24 13:22:25 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
只想知道 该用户已被删除
地板
发表于 2015-2-1 16:25:04 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
老尸 该用户已被删除
5#
发表于 2015-2-7 09:58:53 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
若天明 该用户已被删除
6#
发表于 2015-2-21 20:14:51 | 只看该作者
可以使用 CSS 检查工具进行设计。
冷月葬花魂 该用户已被删除
7#
发表于 2015-3-6 22:12:50 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
小魔女 该用户已被删除
8#
发表于 2015-3-13 22:10:01 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
9#
发表于 2015-3-20 21:19:48 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-29 22:08

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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