摘要: css雪碧图又叫css精灵或css sprite,是一种背景图片的拼合技术。使用css雪碧图,能够减少页面的请求数、降低图片占用的字节,以此来达到提升页面访问速度的目的。但是它也有令人诟病的地方,就是拼图和后期维护的成本比较大。也正是因为这一点,导致很多开发者懒于使用css雪碧图。配置compass... 阅读全文
posted @ 2015-12-02 12:30 薯条_9 阅读(801) 评论(0) 推荐(0) 编辑
摘要: 引入Utilities:@import "compass/utilities";分别引入:@import "compass/utilities/color";Color:颜色相关的工具集合1、Color Brightness用来计算一个值的亮度1 @debug brightness(#000);2 ... 阅读全文
posted @ 2015-12-02 10:43 薯条_9 阅读(442) 评论(0) 推荐(0) 编辑
摘要: Color Stops:在使用CSS3渐变属性生成图片的时候,有时候为了打造更丰富的渐变效果除了声明渐变线上的起始点和终止点的色值,还有声明一些中间点的色值,这些点我们就称之为Color Stops。一个色值加上当前点的位置。当我们省略点位置表示的时候Color Stops helper funct... 阅读全文
posted @ 2015-12-02 10:30 薯条_9 阅读(320) 评论(0) 推荐(0) 编辑