今天完成的事情： 

   1.提交完成任务二，三

   2.了解完任务四所需内容，完成部分任务四

明天计划的事情：

   1.完成任务四  

   2.学习任务五所需知识点

遇到的问题：

   1.做任务四的时候发现块元素不能和浮动放在同行，因为之前看浮动是脱离文档流的，所以有疑问

      1.1 询问师兄后了解到了浮动虽然脱离了文档流，但是它其实是占位置的，只是可以不按文档流排序，而块元素是独

            占一行的，它前后都有换行符，所以不能同行，除非两个都设置浮动

   2.做任务四的时候发现input内不能输入文字

      2.1 咨询师兄后发现我在通配符中设置了font-size：0，所以导致了全局的字大小都为0.因此不能字体无法显示出来，

            之所以设置font-size：0是因为昨天了解到了内联元素换行或有他们之间有空格会产生间隙，所以设置这个来消

           除，还是应该局部问题局部解决，不能用这种全局的，影响太大

收获：

   1. html表单：了解了<textarea>文本域，内用resize：none可以禁止重置大小功能，<select>下拉菜单，

 　    按钮样式： button，submit，reset，cursor: 光标；(鼠标在按钮上的样式)

   2.calc: calc( )函数用于动态计算长度值 ，任何长度值都可以用它计算，支持加减乘除运算，使用标准的数学

 　    运算优先级规则,运算符前后都需要保留一个空格,例如：width: calc(100% - 10px)；

   3. 对齐：要水平居中一个块元素可以用margin:auto；（margin:0 auto;）但如果没有width或者设置了100%，

　　居中则不起作用，左右对齐可以使用绝对定位的方式position:absolute属性，也可用浮动float属性，使用

　　floa时如果他的子元素高度大于父元素，就会溢出，可以在父元素上用溢流overflow：auto来解决溢出问题

　４.组合选择符：后代选择器（空格分割）div  p 段落p在div块中的时候才有用，相当于把div的属性偷走，div

　　本身就没有属性了，不管是p是子级还是子级的子级都有用，子元素选择器（大于号分割）div>p  块div中不

　　管有多少元素，他只对p作用，而且p必须是他的子级相邻兄弟选择器（以加号分割）div+p  段落p在div中是

　　无用的，必须在一个div结束后的下一行，才可以使用div的属性，而且只作用一个p，后续兄弟选择器（破折

　　号分割）div~p   段落p在div中是无用的，在div结束后的p都有用

　５.伪类：fisrst-child伪类 ，可以指定颜色等　，　p:first-child  选择器匹配任何元素的第一个子元素的p元素

　　p>i: first-child   选择器匹配所有p元素的第一个i元素　，p：first-child i   选择器匹配所有作为元素第一个子

　　元素p中所有的 i 元素

　６.伪元素可以结合css类，多个伪元素可以结合使用

　　first-line 向文本首行设置特殊样式,只用于块元素, 下属性可用

　　(font properties，color properties ，background properties，word-spacing，letter-spacing，text-decoration，

　　text-transform，vertical-align，line-height，clear)

　　(font properties，color properties ，background properties，margin properties，padding properties，

　　border properties，text-decoration，vertical-align (only if "float" is "none")，text-transform，line-height，clear)　　

　　before 在元素内容前面插入新内容　　after 在元素内容之后插入新内容