今天完成的事情：任务六。

明天计划的事情：完成任务七。

遇到的问题和收获如下：

在完成头部布局的时候，我本来是想这样布局的，把header设置为position：absolute(父绝）;，找雇主和找护工两个模块以及最右边的定位图片设置为

position:relative;,可是这样右边的图片始终无法在header里面，位置也有些奇怪。仔细琢磨之后这样解决，header是position：fixed;找雇主和找护工两个是display:inline-block;position:relative;最右边的定位图片是position:absolute;。这样就完美解决了header的布局，如下图：

其他的倒是没怎么费时间。

收获：

        1.head头引入css和js都有顺序的，不单单是bootstrap框架，对bootstrap样式的修改的样式表一定要放在bootstrap样式表的后面，因为html的读取顺序是从上而下的，不过对于body内的引用的类是从左往右的顺序，所以如果要对原先标签内引用的类做覆盖的话，一定要放在被覆盖类的后面才行。

        2.z-index原来可以使用负数，在z轴上使其靠后。

        3.Input和Button都差不多，不过后者最酷的功能就是我们可以在其内部放置一些有用的HTML元素。

        4.文字本身就有撑开元素的属性。

        5.会脱离文档流的有float、fixed和absolute，如果子元素中有使用这三个定位则父元素不会被撑开，可使用clear:both清除浮动。

        6.float和绝对定位的不同处：使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。

        7. 代码规范很重要，例如父元素和子元素的空格数，后者一定要比前者多，这样才能体现哪个元素包含哪个，简洁明了，就像书的目录一样，还有属性在能缩写的情况下尽量缩写，因为这样编写才会更简洁、更具可读性的样式表，节省时间和精力。

        8.注意伪类也可以用类选择器，比如类red，则可以.red：nth-child{}

        9.关于box-sizing属性布局：

                     box-sizing:content-box是标准盒模型，CSS定义的宽高内只包含content的宽高

                     box-sizing:border-box是IE盒模型，CSS定义的宽高内包括了content，padding和border

       10.关于github上面的子文件夹是灰色的问题？是因为子文件夹下还有不是本仓库的git仓库，删掉就好了，它是隐藏文件夹，所以要设置文件夹选项的隐藏文件可见性，