发表于： 2019-09-15 14:37:25
1 460
今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
完成了任务五的基本布局，效果图如下：
尝试实现用一个命名来减少css排版
实现用border来做出分界线的效果
明天计划的事情：（一定要写非常细致的内容）
做完任务五
深入了解弹性盒子
学会如何绝对定位
遇到的问题：（遇到什么困难，怎么解决的）
无法实现自我介绍居中，尝试过很多方式，都不行
不能实现固定在页面顶部，底部也会遇见同样的问题
<div class="box">
<div class="backgrund"></div>
<div class="avatar"><img src="../task5/矢量智能对象.png"></div>
<span class="information">徐士林</span>
<span class="age">51岁</span>
<span class="address"><img src="Shape 4.png"> 京城·四方·报纸林</span>
</div>
<div>
<div class="mark"></div>
<div class="skill">专业技能</div>
</div>
<div class="content">
<div class="logo1"><img src="形状 4 拷贝 3.png"> 住家</div>
<div class="logo2"><img src="形状 4 拷贝 3.png"> 不含餐</div>
</div>
<div class="working-years">
<div class="practicing">从业年限</div>
<div class="years">0~3年</div>
</div>
<div class="jobs">
<div class="operating-hours">工作时间</div>
<div class="all-day">全天</div>
</div>
<div class="wage">
<div class="service">服务价格</div>
<div class="price">25元/小时</div>
</div>
<div class="tail">
<div class="self-introduction">自我介绍</div>
<div class="description">可以洗衣做饭照顾老人，可以洗衣做饭照顾老人，可以洗衣做饭照顾老人，可以洗衣做饭照顾老人，可以洗衣做饭照顾老人，</div>
</div>
命名太多，下擦尝试用一个命名来实现同样的效果
收获：（通过今天的学习，学到了什么知识）
同今天完成的事情
返回列表
评论