最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

标签:sass

利用sass的compass自动合并icon图标形成css sprite雪碧图和对应css样式
web综合

利用sass的compass自动合并icon图标形成css sprite雪碧图和对应css样式

rockyxia 2年前 (2016-08-30) 6446浏览

写在前面 css sprite是广大页面仔(前端开发攻城狮)在页面制作经常使用到的一种图片拼合技术,又称css雪碧图或css精灵,能够减少页面请求数、减小图片尺寸,从而达到提升页面访问速度的效果。但是这种技术的缺点也是相当的明显,就是拼图和后期维护的成本比较大,所以经常的使用的时候需要非常的注意,还要保留拼图的psd文件。虽然svg以及iconfont等新技术的出现改善了一些,但是svg和iconfont的...

我的知识库

我的常用命令记录本(git/sass/node)

rockyxia 2年前 (2016-06-30) 3398浏览

写在前面 自从使用git和sass等需要命令行的工具之后,经常在使用的时候忘记具体的命令是怎么写的,需要百度才能搞好,但其实经常使用的并不多,所以在此建立一个记录本,方便自己下次使用。 SASS命令 sass //sass命令 --style //生成文件格式,一下四种方式 nested: 嵌套缩进的css代码,它是默认值。 expanded: 没有缩进的、扩展...

CSS

SASS在项目中的实战

rockyxia 3年前 (2016-03-21) 3891浏览

继上篇WIN7成功安装SASS记录之后,本周又把SASS如果使用在项目中研究了一番,本次内容是将之前的一个普通的静态页面转化为一个使用SASS的项目,体验了一些基础的SASS规则,像变量、嵌套、判断以及运算等基本的规则,走通了在项目中从scss文件到css文件的流程,没有使用专门的SASS编辑工具和引用第三方SASS库,都是原生态的做法。下面说下我的操作过程: 1、确定项目文件架构 与正常的项目差不多,看我...

CSS

WIN7成功安装SASS记录

rockyxia 3年前 (2016-03-15) 3539浏览

网上有很多sass安装的文章,今天安装sass也是参考的这些文章,总结下来就是两步: 1、安装ruby 2、安装sass 网上教程比较清晰的一篇文章分享给大家:http://www.w3cplus.com/sassguide/install.html 其中ruby部分安装没有问题,但是sass安装时却遭遇到了问题,无论是默认的RubyGems安装还是淘宝RubyGems镜像安装 都不成功,最终还是让我找到一...