今天完成的事情：一、完成task4。

他人任务4完成过程：https://blog.csdn.net/weixin_33757609/article/details/88811470

二、背景图、头像、小图标切图。

三、 HTML的表单标签 form表单

 1、form表单的基础介绍

        A.格式

            <form action="http://www.baidu.com" method="get"> ... </form>

        B.属性

            a. action存放的是URL 网址.（把表单项"输入框"当中的数据,提交到网址对应的服务器上）

            b. method 设置请求的方式 get请求和post请求

                get特点:  在地址栏有参数信息,数据量小,不安全

                post特点: 在地址栏没有参数信息,数据量大,安全

        C.注意

            如果要提交数据到地址栏,必须设置 【name】属性

    2、input标签

        A.type属性   根据type属性的取值不同,表单项当中的类型就不一样

            a. text 用户名的输入框

            b. password 密码的输入框

            c. radio 性别的单选按钮

            d. checkbox 爱好的多选按钮

            e. submit 提交按钮

            f. button 普通按钮 和后期JavaScript 组合使用

            g. image 图片按钮

            h. file 上传的文件选择框

            i. hidden 隐藏域.看不到UI界面,但是存在.

            j. date 选择日历的

            k.datetime 

            l.datetime-local 

            m.email 

        B.name属性

            a. 提交地址栏上面的name.给服务器进行识别的标志

            b. 对于单选按钮radio而言,设置相同的name属性,表示在同一组当中

            c. 对于多选按钮checkbox而言,设置相同的name属性,表示在同一组当中

        C.value属性

            给我们那些不能让用户输入的 表单项,设置的值

        D.id属性

            a.可以给后面的CSS设置样式的识别器

            b.可以给后面的JS设置识别具体是哪一个标签需要加特效.

        E.placeholder属性

            增强用户体验,给出默认提示信息的.

    3、select 下拉列表

        A.格式

            <select>

                <option value="China"> 中国 </option>

                <option value="USA"> 美国 </option>

                <option value="England"> 英国 </option>

            </select>

    4、textare 文本域

        A.格式 (例如:自我介绍)

            <textarea cols="20" rows="5"></textarea>

原文链接：https://blog.csdn.net/bao_joy/article/details/82688049

四、整理Task4相关资料

CSS3选择器：

来源：https://blog.csdn.net/DYD850804/article/details/80997251

https://www.w3school.com.cn/cssref/css_selectors.asp

CSS中两种放大zoom和scale的区别：

https://blog.csdn.net/wxl1555/article/details/75051972

https://blog.csdn.net/tanga842428/article/details/77776098

明天计划的事情：1、继续完成task5。

2、查看学习资料——《CSS代码规范》《HTML代码规范 》。

遇到的问题：1、header部分登录字体与其他不同。通过element:nth-child（）修改成功。

2、task4去掉header的三块文字的任意一两个，剩下的一两个受到影响。(未解决）

收获：1、图片放在input前面是输入框与图标之间边框的设置，设置图标的右内边框就可以。