今天来学习14、【视频】绝对定位和相对定位
我们应当活用HTML为我们提供的标签。[*]
[*]
点击下载视频教程(感激动力软件园供应下载空间)
定位标签：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编码笔记，是值得大家学习的，在实际工作与开发中，将工作中的点滴记录下来，回首这些过往，你也会收获很多 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。 可以使用 CSS 检查工具进行设计。 每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。 所见则所得网页编辑器的优点就是直观性，使用方便，容易上手. 经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.
页:
[1]