‍‍今天完成的事情：

1.知道了transform标签,而且scale()可以用来修改雪碧图某一特定图标的大小.而且transform和transition和hover一起可以做简单的css动画

2.知道了切图保存格式要为png-24,如果是png-8的话切出的图像素会特别低

3.如何设置透明样式:opacity:0.5来设置为半透明(取值从0-1)

4.把任务7的第一部分写完了,今天还写了第二部分的HTML,明天来加css样式

5.关于bootstrap的使用方面还是一头雾水,虽说外联了一个bootstrap.min.css但是写的第一部分根本就没有用到..... 今天查看其功能的时候发现了一个这个网站http://www.runoob.com/try/bootstrap/layoutit/这是bootstrap可视化布局构建的网站,还是比较方便的,只不过我感觉用处也不是特别的大.

6.看了下如何用border画三角形

明天计划的事情： 

‍‍1.任务7第二部分‍‍

遇到的问题：

‍‍1.依旧是bootstrap的使用,我觉得查询class名很费时间,花的时间都够自己写一个样式了‍

收获：‍‍

1.最大的收获是知道了transform:scale()可以直接修改雪碧图中某一要用的图标的大小

2.transition和hover合用可以做一些简单的动画效果(昨天看的纯CSS风琴图也是这个原理)

3.border画三角形,是通过设置div高宽为0,并且给border一个大线宽来实现的,箭头上下左右则是将其他位置的border颜色设置为transparent(表现形式为透明)来实现的,再可以通过移动div的位置来移动箭头