TP08 定位网页元素.pptx

第八章定位网页元素本章任务制作经济半小时专题报道页面制作带按钮的轮播广告制作下拉列表导航菜单制作当当图书榜页面/30本章目标会使用position定位网页元素会使用z-index属性调整定位元素的堆叠次序/30定位在网页中的应用在线咨询图框随滚动条移动的广告图片工作地点选择框/30定位position属性static：默认值，没有定位relative：相对定位absolute：绝对定位fixed：固定定位经验fixed目前还不被一些浏览器支持，实际网页制作中也不常用。/30static定位static属性值没有定位，以标准流方式显示演示示例1： static定位/30相对定位概念：相对定位就是相对于自己应该在的位置的定位,比如left:1px的时候就是相对于正常位置右移了1个像素,relative属性值相对自身原来位置进行偏移偏移设置：top、left、right、bottom示例#third { background-color:#C5DECC; border:1px #395E4F dashed; position:relative; right:20px; bottom:30px;}#first { background-color:#FC9; border:1px #B55A00 dashed; position:relative; top:-20px; left:20px