发表于： 2017-04-19 22:57:08
3 792
今天完成的事：
学习了雪碧图，了解了background-position；
完成切图并将小图标制作成一张雪碧图；
学习了bootsrap，了解了按钮组、栅格布局、下拉菜单和顶部底部的布局；
完成了task6的基本布局；
明天计划的事；
对布局细节进行优化并完成task6
遇到的问题：
顶部图片定位使用bootsrap的pull-right无效，还不知道是什么原因，改成使用position了
收获：
知道了雪碧图实际上是将多个小图标合到一张图片上，然后给父元素设置背景，子元素通过背景定位+溢出隐藏来达到目的，由于图片都集合到一张图上，所以浏览器会减少请求次数，对页面性能提升非常大。
也初步了解bootsrap的使用，样式表是现成的，只需要给标签加上类名就可以实现效果了，这很节省开发时间。
返回列表
评论