HTML5&CSS3网页制作:相对定位.pptx

上传者: u011062044 | 上传时间: 2022-06-01 11:04:22 | 文件大小: 287KB | 文件类型: PPTX
相对定位 相对定位 01 元素的定位 定位 属性 相对 定位 绝对 定位 固定 定位 静态 定位 描述 在CSS中,通过定位属性可以实现网页中元素的精确定位,元素的定位属性主要包括定位模式和边偏移两部分。 相对定位 描述 相对定位是将元素相对于自身原本的位置,通过偏移指定的距离,到达新的位置,元素仍然保持其未定位前的形状,它原本所占的空间仍保留。 说明 水平方向的偏移量由left或right属性指定 竖直方向的偏移量由top和bottom属性指定 语法格式 position: relative ; 相对定位 示例 定位前 定位后 相对定位 示例 top:150px left:260px 在文档流中的位置仍然保留着 /*设置相对定位*/ position: relative; top: 150px; left: 260px; 相对定位 实战:对“相对定位2”设置left: 150px ; top: 50px; top:50px left:150px 定位前 定位后 总结 02 熟知元素的相对定位是相对于自身原来的位置进行一定量的偏移 熟知掌握相对定位的语法格式能熟练运用 总结 THANK

文件下载

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明