今天完成的事情：

1.会用PS中，用PS的移动工具选中所要切的图，用Alt+鼠标右键可以快速选中要切的图的图层，然后在那个图层上的小眼睛中用Alt+鼠标左键可以隐藏其他图层，最后就可以切图了，记得要放到最大切图，保证图的完整。

最后就是存储为web类型的png。

2.task5中header顶部的button之间的空隙设置font-size 0去掉，然后设置下margin，用负值来重叠。

3.在footer中的三个图标今天用研究了下，还是用flex不过这里我把footer的height取消了，最重要的是我取消了用line-heght来设置为垂直居中，这个对于多行是在有问题。先说三个图标的位置，用fixed固定了后，用flex是可以的，对footer设置flex, 再flex-flow: row nowrap; （这个是简写，水平从左到右，不换行） justify-content: space-between; （因为有三个，所以用两端对齐，其实也可以用around） padding: 0 5%;再调整两边距离

align-items: center; 这是项目的垂直居中。flex（地址http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html）是对一个容器内的项目设置，而如果你要对项目中的内容做布局，则可以用嵌套的flex。对于这个我就是用嵌套的，一开始我对footer直接设置了height结果这个蓝色背景老是变形（变椭圆）。后来意识到应该用这个蓝色背景来控制footer的height，然后设置了这个蓝色块的height和width，在用border-radius设置为圆。还有就是刚说到的嵌套，没嵌套的话这个中间的图形没有垂直居中，，这里设置 justify-content: center;  align-items: center; 就位于中间了。

4.对于下拉菜单，我这里class设为xiala,对此设置css样式和平常一样，只不过这里限定了一个下拉菜单就占4列，三分之一的屏幕。对于下拉出来的li这个.dropdown-menu{min-width: 100% !important;}通过加上!important修改优先级。

5、对于中间部分的都一样5行，首先还是用bootstrap分为8列和4列，然后对这个每row用display:flex然后就是两端对齐，垂直居中，然后对每row加上border-bottom的样式，padding调整上下距离。对于右边25元/小时用一个嵌套的flex单独设置为上下居中。这样就做完了。

明天计划的事情：制作雪碧图，优化task5适应320px，看task7.

遇到的问题：task5的PSD是720px下的，如何适应到320下，task6中按病人情况会有变动，怎么调整。

收获：会用PS切图，快速找到所选切图。flex布局应用，bootstrap的一些样式修改调整。