代码改变世界

随笔分类 - SASS

纯CSS实现一个微信logo,需要几个标签?

2016-02-04 21:58 by 那时候的我, 6248 阅读, 收藏, 编辑
摘要: 博客已迁移至 "http://lwzhang.github.io" 。 纯CSS实现一个微信logo并不难,难的是怎样用最少的 标签实现。我一直在想怎样用一个标签就能实现,最后还是没想出来,就只好用两个标签了。 首先需要两个标签元素: 先画个背景: 再画个大的椭圆: 小的椭圆利用 的`::befor 阅读全文

使用sass与compass合并雪碧图(二)

2015-08-30 16:30 by 那时候的我, 1548 阅读, 收藏, 编辑
摘要: 上一篇文章介绍了怎样使用`compass`合并雪碧图,生成的`icons.css`文件中单位是`px`,PC端可以直接在html文件中使用,但在移动端,我们需要根据不同分辨率的屏幕,来缩放图片大小,显然使用`px`单位肯定是不行的。所以需要做一下单位转换的工作。移动端使用`rem`作为单位是最合适不... 阅读全文

使用sass与compass合并雪碧图(一)

2015-08-29 21:55 by 那时候的我, 2551 阅读, 收藏, 编辑
摘要: 雪碧图就是很多张小图片合并成一张大图片,以减少HTTP请求,从而提升加载速度。有很多软件可以合并雪碧图,但通常不太容易维护,使用compass生成雪碧图应该算是非常方便的方法了,可以轻松的生成雪碧图,而且易维护。## 安装sass与compass ##安装sass可以参考[这里](http://ww... 阅读全文