学习笔记(4):网页设计速成之Dreamweaver-页面中的布局(五)

研发管理 专栏收录该内容
7 篇文章 0 订阅

立即学习:https://edu.csdn.net/course/play/454/4763?utm_source=blogtoedu

APdiv绝对定位

AP是Absolutely Position的缩写

<div id="apdiv1">

APdiv可以移动和缩放。属性面板里可以设置各种属性。

同时有两个apdiv时,两个元素间有z-index属性,垂直屏幕坐标;值越大表示该层在上方;

在div1中插入div3,div3的坐标是以div1的左上角为零点作为参考标准,

div2在div1外面,是以整个页面左上角为零点标准;

节约资源,用一张图片作为背景图;设置背景坐标可显示特定内容;背景图片向上走x坐标是负值;背景图片向左走y坐标是负值;

 当外部包围的父级div没有position信息时,内部的div标签就不能够根据外部div进行定位,此时将跟随页面来定位;解决办法,父级div定位改为relative,默认状态下是static静态模式;fixed是固定在页面上不动

apdiv有visibility可视化按钮。可以隐藏hidden或显示; 

apdiv和表格之间的转换;

div浮动如果不清除,将会影响后面的div元素。可以使用css新建cl类,在方块中clear设置清除浮动;

apdiv应用时一定要找好父级元素,并给父级元素加好定位;

relative对流式布局很方便;

absolute对写坐标方面很方便;

 

 

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:1024 设计师:我叫白小胖 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值