今天完成的事情，任务5.招护工，雇护工的ui图。页头布局与验收标准不符，，ui图上面是挤在一起的，给margin一个负值，给他做了出来。

，代码如下。

header3{

    color: #5fc0cd;

    background-color: white;

    padding: 15px;

    border-radius: 10px;

    margin-left: -10px;

}

      学习 css命名规范对，页头部分命名header，底部使用footer，主要内容main。左侧布局main left，

右侧布局main right。

     提交成果的时候师兄发现，页面存在横向滚动条。可能是模拟下拉框出现了问题，模拟下拉框我之前用了把他们写在了一个div里面，为了图省事。 之后师兄让我写盒子里面，两个写的一模一样，一个偏小一点就可以了，模拟下拉框的问题解决了。

     我只简单做了模拟下拉框没有在里面写入其他内容，师兄让我在里面写入内容，代码如下。

     写底部页面的的时候，底部图片文字会固定拉动，但是和ui图的效果差别特别大，询问师兄之后，师兄告诉我，底部页面是有背景颜色的。我把背景颜色设置为白色，写出高度，得以解决。代码如下，

    ui图部分的25元/小时，我使用了绝对定位去写的，但是发现往上拉的时候，页头的背景颜色无法遮住红色字体，但是用margin去写也不行，师兄让我去用flax布局去写，我认真看了看，flax布局的文章，阮一峰的文章。用flax去布局，红色字体完美融入了背景颜色里面。代码如下。

   我的photoshop到期，在其他网站上找的资源都有问题，淘宝买了一个，发现淘宝真的是个好东西，

     今天的收获，掌握了flax水平居中，垂直居中布局，纵向两端对齐布局。css命名规范，还有认真，

自己在写代码中，一定不要分心，后面出现报错还要找，把成果提交给师兄还是，问题一大堆，毫无效率可言。

     明天再写一天日报就要入学了，要把之前一直没做的入学优惠任务给做一下。任务5护工资料，明天把页头，主体内容完成。仔细再看看css的命名规范，与css代码规范。