今天完成的事情

        思考：今天空闲时间读物为 CSDN 中的 label+input 的文章例子，查看其中的中的代码组成运用，复制保存，晚上练习时粘贴查看效果，并理解每一行代码，发现一句代码 type （类型），input的type类型可以有很多。

1.button  定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。

2.checkbox  定义复选框。

3.file  定义输入字段和 "浏览"按钮，供文件上传。

4.hidden  定义隐藏的输入字段。

5.image  定义图像形式的提交按钮。

6.password  定义密码字段。该字段中的字符被掩码。

7.radio  定义单选按钮。

8.reset  定义重置按钮。重置按钮会清除表单中的所有数据。

9.submit  定义提交按钮。提交按钮会把表单数据发送到服务器。

10.text  定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。

之前认识的标签 display （显示风格），与type（类型）很接近，以为差不多，没怎么注意 type 标签。

        晚上练习的一小时：使用W3S网大概查看每种input每种type的例子，重点查看的师兄所说有关的checkbox，CheckBox是在HTML中让使用者与首页上的素材发生交互作用的一种方法。其中包含CheckBox控件就是我们一般所说的复选框，通常用于某选项的打开或关闭。在 HTML 文档中 <input type="checkbox"> 每出现一次，Checkbox 对象就会被创建。

        晚上练习第二个小时：师兄发来以前的模板代码，打开了不敢多看，总之知道自己的路对了就好，html与师兄很接近，最大的差距是在css，师兄使用了很多不同的选择器，也许这就是目前我的差距，任务1到任务7百分之九十五都是使用类选择器，而且是单独一个一个创建，不像师兄类选择器+类选择器、 类选择器+类选择器+伪类。感觉这的确差距很大，选择器的种类不少，叠加使用的便捷性与好处更是很多，而我在以前的任务学习中并没有加深学习其他选择器。

        之后查看选择器知识点，对于 .box .box1 {*** }  这种写法。经20分钟查询与代码练习后的总结为，选择同时拥有box和box1两个class的元素，拥有box属性也拥有box1属性，同时也可以赋予共同存在时的属性。

明天计划的事情

       继续努力，争取早日通关任务8

遇到的困难

       师兄直接套入基本代码就实现啦？选择器属性的问题吗

<input type="checkbox" id="check"/>
<label class="col-xl-collapse-my-dropdown label-position" for="check" > <img src="image/down-menu.png"></label>

        怎么结合众多选择器运用到代码呢，以前看到ui图就联想到类选择器而已，所以养成了一个坏习惯。

收获

       总算有突破了