今天完成的事情：上午主要调整任务10中进度条响应式的问题和radio标签样式的问题，radio标签样式的问题还没处理好。下午是表单部分响应式布局的调整。晚上修改了表单部分每个块的间距，尽可能可模版的间距一致！

明天计划的事情：上午将任务10radio标签的问题彻底解决掉，开始任务11的学习，学习less或者sess。

遇到的问题：

 第一个还是昨天没有完成的进度条响应式的问题，数字圆圈又做了重新调整，由于是定位设置的,基本上会随着进度条的变化，做相应的变化。主要陷在文字随进度条变化而变化这个问题上了。开始使用无序列表标签写的，设置了padding值，用百分比，用vw，用rem都没有到达效果，变化总不是和进度条以前同步的。大概就这样2个小时过去了，后来才想起，因为进度条和文字在同一个div里，将这个父元素添加了4个均分的子元素，把文字放进去，这样子，文字就随着父元素的变化而变化，进度条又是width:100%的，所以就同步变化了，并且到300px以下（虽然我后来设置了最小宽度为310px)也没有换行的问题出现，很是高兴。

 第二个问题是radio标签样式的问题，上午查看好一会儿网上的例子，还是大多是用新做的label标签来覆盖掉原有的input标签的。所以没有其他办法的情况下，也就按网上的办法改了，先用第一行的三个radio标签修改的，点击后的样子和模板上的一样了，但是有个新的问题，因为是单选，所以按说点击一个，以前点击的应该回到原来的没有选中时的样子才对，但是现在点击完了以后就不变了。这个问题又找了半天，最终没有解决。下午就先放了放，开始调整表单其他地方响应式的调整了。晚上又看了看，还是没有发现问题。只能明天在延长时间做了。

 第三个问题是右侧下拉菜单的问题。开始我是用的bootrap框架里的下拉菜单做的，输入框中添加定位了一个按钮，用于开启下拉菜单。后来看任务技能树，提到了select标签，晚上花了点时间开始用select标签做，主要问题还是它固定的倒三角形样式的调整，看网上的帖子，也是和前边radio的方法一样，先隐藏掉，然后再重新做一个，找了半天，找到了一个相近且代码较少的，就是把按钮的那个蓝色的图片当背景图片加进去，然后定位一下就可以了。原来可以这样简单，并且还没游破坏它下拉的功能。不知道这个思路能不能用到radio的样式修改上，明天要试试。

收获：主体部分的修改没有想的那么顺利，这次使用display：inline-block比较多。效果目前也感觉还是可以的，附上成果链接看看。再贴一下修改select标签的博客，有兴趣的可以看看：http://jsbin.com/daqifawaxa/edit?html,css,output。