[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
可以参考网上的代码进行卡片布局，美化。

---

代码区

这里写代码片