1.添加内容

<p class="box">
    <p1 class="pp box p1">
        <img src="椭圆1.png"
         >
    </p1>
    <p2 class="pp box">
        <img src="圆角矩形7.png">
        专业技能
    </p2>
    <p3 class="pp box">
        <img src="形状4.png">住家
        <img src="形状4.png">不含餐
    </p3>
    <p4 class="pp box">
        <p44 class="p44">从业年限|</p44>
        <p45>0-3年</p45>
    </p4>
    <p5 class="pp box">
        <p55 class="p44">工作时间|</p55>
        <p56>全天</p56>
    </p5>
    <p6 class="pp box">
        <p65 class="p44">服务价格|</p65>
        <p66 class="red">25元/小时</p66>
    </p6>
    <p7 class="pp box">
        <p75 class="p44">自我介绍|</p75>
        <p76>可以洗衣做饭照顾老人，可以洗衣做饭照顾老人，可以洗衣做饭照顾老人，可以洗衣做饭照顾老人.</p76>
    </p7>
</p>

2.调整头像图标的对齐方式

<img src="椭圆1.png" class="align-self"
 >

.align-self{
    align-self: center;                 /*子项目居中排列*/
}

3.重新调整思路 删除了中间页面部分的代码 打算换一种方式去布局

明天计划的事

1.完成任务5的中间布局部分 

2.回顾前面任务所学到的东西

遇到的问题 

1.有些属性用得不够纯熟 使用起来还很生涩

2.在子项目中使用列表 列表不是包含在子项目中 而是并列

<p1 class="pp box p1 b">
    <img src="椭圆1.png" class="align-self">
    <ol class="">
        <li>徐士林 55岁</li>
        <li>京城 四方 报纸林</li>
    </ol>
</p1>

3.中间代码觉得好杂乱 重新整理思路 纵向采用flex布局 横向采用inline-block 

4.这两天工作上的事情有些多 然后人的状态也不太好 中间页面的内容没有很好的思路 中断了一天

明天是休息天 今晚提前休息调整一下状态 争取明天将它完成

收获 

1.学习列表的使用

2.学习vertical-align的使用

3.学习inline-block的使用