学习

  早起的鸟儿有虫吃,一大早起床下去吃早餐,买个2个豆沙包就准备没早餐买了~又是一天学习的好日子

  今早讲的是通过什么方法排版定位:border、padding的用法、标签的转换、浮动 以及浮动的用法。

  我觉得这里的方法就很好用了,首先是padding    是在后面的练习中经常用得到的方法

<style>

div{padding: 20px; background:plum;color:darkred;}

/*padding和margin的区别:当盒子没有宽高的时候,padding可以叠加到盒子的宽高中,而margin

不行,除非有内容*/

/*盒子真正的宽度=本身的宽度+左边距+右边距+左边框+右边框

盒子真正的高度=本身的高度+上边距+下边距+上边框+下边框*/
</style>


其次是浮动:   可以很方便 很实用的使用

<style>

*{text-decoration:none;list-style: none;}

ul li{margin-left:10px; float:left;width: 120px;height: 45px;background: red;text-align:center;

line-height: 45px;}

ul li a{display:block;}

ul li:hover a{background:green;color:#fff;}
</style>


最后就是作业了 阿里巴巴的头部:



不错的收获,加油!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值