抱歉师兄，服务器被攻击第一次网址挂了，复审提交的任务地址也没对，阿里域名备案时间较长暂时无法便捷使用。

已更换空间地址，第二次审核请用日记下面的成果链接。

学习情况：

1、任务9/10都是基于响应式的任务，任务10加入了对表单、进度条等的应用。

2、任务10，小分辨率下需要重新布局，一是要想好怎么排版，二是在先做大网页的时候要先把总的布局想好，提高后续调整维护的效率。自己任务的时候先就没考虑好，主要是中间三行选框，长度不一，分布类型也不一样，后期各种加盒子后，父系宽度的百分比又发生变化，时间浪费较多。

3、进度条，先写好4个分段条。然后使用父系定位，计算好中心位置后分别放置数字1和说明文字。

4、元素input，type="radio"表示单选框，display:none,去除原选框样式。重新使用<span>设计样式，增加：after插入纯样式，content: ""表示内容为空。圆环样式，使用的小尺寸留空，大尺寸圆角边框实现。下拉框本来使用css制作的图案，发现无法点击，又改为背景。

5、第二栏输入框，元素input，type="text",这里需要考虑长宽高平行一行以及单独一行的情况，加上右侧下拉提示框的定位，需要外套多个盒子。

6、head和footer部分，跟任务9差不多。

7、总结，主要重新复习了input的两个应用模式，继续对响应式网页熟悉。另外新的东西 就是插入符：after,子选择符>（不能越级），兄弟选择符+（前后留空）。clear:both清除浮动，使外框自动适应内容。

困难：大网页还好，小分辨率下的布局意识较差，响应式调整耽误时间较长。

计划：任务11开始学习less/sass，不太了解，争取都看一下，慢慢摸索，周日初稿。