[2017.4.19]IMWEB前端小白训练营日记（五）

69 阅读 0 评论 46 点赞

我是靠谱客的博主心灵美太阳，最近开发中收集的这篇文章主要介绍[2017.4.19]IMWEB前端小白训练营日记（五），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

Day5 课程链接

1、 IT峰播DIV+CSS ：
https://ke.qq.com/course/54076#term_id=100186917
（1）未掌握盒子模型的学员可进行第1节-第3节的学习；
（2）已掌握盒子模型的学员可进行第4-6节的学习；
（3）掌握了float等常用属性，希望直接从实例学习盒子模型和CSS属性学员可直接进行第7-8节的学习。

今日知识点
1、用GOOGLE CHROME观察盒子模型；
2、理解相对宽度和绝对宽度；
3、学习使用float。

今日任务
1、结合盒子模型，优化你的卡片，可考虑增加圆边角，颜色填充，阴影等效果。（可选择心情卡片，名言卡或其他类型卡片。卡片需要包含图片，文字，边框。欢迎晚间讨论分享。）
更多精美卡片制作举例：
http://www.loveo.cc/using-css-to-make-cards-ui.html
可以参考网上的代码进行卡片布局，美化。