早起的鸟儿有虫吃,一大早起床下去吃早餐,买个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> |
最后就是作业了 阿里巴巴的头部:
不错的收获,加油!