发表于: 2017-03-07 20:42:45
2 694
【今日完成的事情】
1.了解什么是css3雪碧图:
css3雪碧图是 很多图片合成一张图片,这样可以减少http请求的次数,提高网站的性能。但是如果图片太多的话,维护起来很麻烦。
css3 sprites 在线生成工具: http://pan.baidu.com/s/1minwssC 很好用
雪碧图在自适应网站的应用:可以利用background-size属性结合rem布局实现。但是效果不好,感觉少了一像素
参考地址:http://www.jianshu.com/p/d3b19968a4c2
2.学习下载 bootstrap 。 使用bootstrap制作下拉菜单 很方便
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 病人情况 </a>
<ul class="dropdown-menu">
<li><a href="#">良好</a></li>
<li><a href="#">差</a></li>
<li><a href="#">优秀</a></li>
</ul>
</li>
【明日计划】
1.优化雪碧图在移动上的自适应
2.继续学习bootstrap
3.学习和了解task7
【总结】
在学习bootstrap的时候,老是不会用,对于bootstrap的格栅系统还太明白,明天要加强理解,并且尝试使用。
在写代码的时候尽量使用css3选择器,锻炼自己对css3选择器的理解。
对于css3的背景边框有了初步的理解,还要加深理解。
评论