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

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

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

嵌套层 

<div class=div1><img src="">

      <div class=div2>

       </div>

</div>

注释

div中文本做上下居中,

行间距line-height =div高度的时候可以实现垂直居中。

line-height用mult做单位时,等于文字高度的两倍,也可以使文本居中

opacity透明度,属性面板里没有,可以手动添加代码。

opacity:0.6(火狐、谷歌、IE9以上浏览器可以正确显示该代码,但是部分IE浏览器不行)

filter:alpha(opacity=60)(为兼顾多个浏览器,添加微软的标准过滤一个alpha值即透光度)

APdiv设置,将普通div改为APdiv。position=absolute

使用div布局,需要使用CSS支持

布局思考:

从外到里、从大到小、从横到竖

 

 

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

©️2022 CSDN 皮肤主题:1024 设计师:我叫白小胖 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值