用Sass重新整理自己的博客主题样式
远远关注Sass很久了,今天终于鼓起勇气写了我的第一个Sass文件
Sass简介 ​
一种CSS的预处理程序,基于Ruby运行。安装过程和相关的准备工作非常简单:
- 当然首先要安装Ruby
gem install ruby
,必要的环境下需要在命令前加上sudo
- 进入我的博客主题文件夹,运行
sass-convert style.css style.sass
,把我的css文件先转换成sass文件 - 运行
sass --watch style.sass:style.css
,使得程序自动把style.sass
文件接下来的任何改动自动同步转换到style.css
这时,新的Sass文件就创建完毕了!^_^ 去碎觉……
呵呵,开个玩笑。其实这样的Sass文件虽然格式上没有任何问题,但和直接撰写CSS几乎没区别。而Sass除了可以让我们少写几个花括号和分号之外,其实还有很多实用的特性是我们真正需要的。
无论如何,现在的这个Sass文件是一个整理的基础,接下来,我们就来一步一步整理这个文件,同时也一步一步熟悉Sass的特性。