今天完成的事情:今天完成了任务12:
任务12主要就是用相对原始的布局来编写任务5,6 不过因为用到了sass所以会简单很多,
主要就是用无序列表来实现主体部分然后用sass的嵌套,变量,混合器来简化代码。
然后给两个页面加了链接来相互跳转。
<body>
<header>
<div class="header-ico1"></div>
<div class="header-middle">
<button class="header-button1">找雇主</button>
<button class="header-button2">找护工</button>
</div>
<div class="header-ico2"></div>
</header>
<ul class="content">
<li>
<ul>
<li class="content-top">
<select class="location">
<option>所在地</option>
<option>北京</option>
<option>上海</option>
<option>广州</option>
<option>深圳</option>
</select>
<select class="location-middle">
<option>食宿</option>
<option>全包</option>
<option>供吃不供宿</option>
<option>不供食宿</option>
</select>
<select class="location-right">
<option>病人情况</option>
<option>特级护理</option>
<option>一级护理</option>
<option>二级护理</option>
<option>三级护理</option>
</select>
</li>
</ul>
<ul class="item">
<li class="item-1">
<div class="date"></div>
服务日期
<li class="item-2">
<span class="span1">2015-7-5 至 2015-7-12</span>
<div class="item-right">
<span>25元/小时</span>
<a href="task12-5.html"><div class="ico"></div></a>
</div>
</li>
<li class="item-1">
<div class="add"></div>
北京.通州.果园
</li>
</ul>
<ul class="item">
<li class="item-1">
<div class="date"></div>
服务日期
<li class="item-2">
<span class="span1">2015-7-5 至 2015-7-12</span>
<div class="item-right">
<span>35元/小时</span>
<a href="task12-5.html"><div class="ico"></div></a>
</div>
</li>
<li class="item-1">
<div class="add"></div>
北京.通州.果园
</li>
</ul>

明天计划的事情:看js基础,完成任务13.
遇到的问题:没有问题
收获:熟练sass
进度:task12
任务总结:
任务名称:CSS=TASK12
成果链接:https://gu1354181433.github.io/learn/css12/task12-6.html
任务耗时:1天
个人脑图:

官方脑图:

任务总结:
任务12主要就是用相对原始的布局来编写任务5,6 不过因为用到了sass所以会简单很多,
主要就是用无序列表来实现主体部分然后用sass的嵌套,变量,混合器来简化代码。
然后给两个页面加了链接来相互跳转。
评论