今天完成的事：

一、写完了任务14、15

使用sass重构代码，将卡片作为组件单独编写

复习了table使用方式，将表格分为10列，设置td的width为10%，按照比例分割整个表格

不同的字色可以使用h1~h6来批量改变，不用设置类名

复习了transform位移效果，transform: translate(x, y);

x y分别表示水平和垂直的轴，调整具体参数可以让元素进行移动

transition: transform time;

time可以设置动画的时间，单位可以设置为s或者ms

二、开始学习js

1. HTML 定义了网页的内容
2. CSS 描述了网页的布局
3. JavaScript 网页的行为

遇到的问题：

暂无

明天计划：

调整任务14动画效果，开始学习js任务1，看书

收获：

代码重构发现了一些小问题，好在及时解决，sass越来越熟练，对于css来说基本没有做不成的布局和样式了

Css Task14-15 任务总结

任务名称：css-task-14-15 任务总结

成果链接：https://jihpeng.github.io/Task/t14/main.html

任务耗时：5.14日-5.16日    2天

官网脑图：

个人脑图：

总结：

拿到任务后先分析页面哪里是几个页面重复使用的，哪里是可以单拿出来的整体模块

首先header和footer是三个页面都重复使用的，并且样式没有差别，所以把header和footer拿出来当做组件

首页中有两个轮播图，所以把轮播图也做成组件，重复使用

至于css reset，是清除html默认样式的，也可以作为一个固定的组件来引入

而模块，最主要的就是将页面分割，每一个部分的样式不互相干扰，方便维护

header中的下拉菜单使用label+input完成