今天完成的事情：

把任务八九用到的知识点进行了总结 

今天在思考不用框架怎么实现响应式，大概方向是有的，在想一些细节

虽然还不是很完美，但是大概方向还可以  细想一下，用弹性盒子 媒体查询其实也能实现 控制范围变换就可以 

任务八的页尾就是弹性盒子做的  现在感觉响应式也不是很难 只要理清楚关系 想明白就可以了

用的媒体查询 控制三个盒子 在不同宽度的位置变化

首页那个按钮可以用媒体查询设置换行尺寸时候等同大小的。。。添加一段代码就好了

这个效果完全可以2 2的 感觉用下媒体查询就可以  但怎么用还没想。。用flex也可以 把4个块分成2组 或也用媒体查询

明天想想吧  应该是让某一元素的宽度在多少尺寸范围大于容纳三个元素的宽度 它自己就下去了

51 那个大logo 今天在UI图里找半天没找到。在官网图里看到的 文字不能抠 自己动手写把。。

除了内容区 现在大体已经完成了 页眉的按钮和进度条hover效果已经完成了

进度条一开始复杂了想 迟迟未明白 一点点拆分就能理解了

由于文字是span 内联元素  紧贴着上面的边框 用内边距撑开高度还是设置高度 最后还是选择用内边距撑开高度 

媒体查询的数值 不设置整数 出错概率会降低 效果更好

————————————————————————————

这个简单了解了下  

——————————————————————————

之后了解了一下 input  

整理出来的 基本的意思和用法都理解了，明天先把任务要用到的点重点理解下

<form> 标签用于为用户输入创建 HTML 表单。 /  form是块级元素

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。

 <input type="text"  maxlength="10"> 限制最大字符的

<input>在 <form> </form> 中使用

<input tybe="text">  文本框

button 点击按/ 可以放置内容，比如文本或图像

submit  提交按钮

reset 重置按钮

radio 单选按钮

checkbox 复选框

<input  type="password">  密码框

lable关联

<input type="radio" id="关联">

</form>

</form>

</textarea>

rows行  cols列

<fieldset> 标签可以将表单内的相关元素分组。

明天计划的事情：

完成任务十        每天抽点时间  学习PS吧  

遇到的问题：

css模拟表单还不是很明白  晚上看完上面的发现有一点懵懂的思路

明天早晨起来应该就可以解决了，早上更聪明点

收获：

把之前的不理解和小问题都相通了，还需要继续积累知识