发表于: 2018-09-18 21:24:14

1 710


好几天没写代码,感觉手都有点生疏了。

有点卡关。


今天完成的事情:

1.通过在线制作css sprites的网站https://www.toptal.com/developers/css/sprite-generator做出了task6的雪碧图

2.重新写了除了header以外的结构,

这一部分用bootstrap做出了能点击出来的下拉菜单的效果。

主页面部分改成了

<ul>
   <li><a href="#" class="icon date-icon"></a></li>
   <li>服务日期</li>
   <li>2015-7-5 至 2015-7-12</li>
   <li><a href="#" class="icon location-icon"></a></li>
   <li>北京.通州.果园</li>
</ul>
<a href="#">
   <span>25元/小时</span>
</a>

这样的结构,是参考了淘宝同样的设计。

footer写好了宽高和position:fixed;


明天计划的事情: 

1.搞明白为什么定位不生效。

2.尽量做完。


遇到的问题: 

1.问题:用bootstrap做的下拉菜单点击下拉没有反应

   解决:更换了bootstrap的导入方式,由cdn导入改成了本地导入,然后导入jquery的时候注意顺序就可以了。

2.问题(未解决):直接从设计稿导出的png面积太大,想使用background-size来更改,但是一改整个图都没有了。

(改前)

(改后)

background-size90% 90%;

我猜想是因为这样更改了整个大图的长宽导致定位不准了,但是这样该怎么做才能重新定位准确呢?


收获:

1.对bootstrap有了更深的理解




返回列表 返回列表
评论

    分享到