你的位置:首页 > 软件开发 > 网页设计 > 关于sass的基础语法介绍

关于sass的基础语法介绍

发布时间:2016-11-10 06:00:05
注:主要作为记录用前言:   sass是css预编译工具中的一种,结合compass使用可以大大加快css开发的速度,同时也可以解决一些css开发里比较难受的点。使用sass可以使css的开发对编程人员更友好。安装和使用:   sass基于ruby,首先需要去ruby官网下载安装 ...

注:主要作为记录用

前言:

   sass是css预编译工具中的一种,结合compass使用可以大大加快css开发的速度,同时也可以解决一些css开发里比较难受的点。使用sass可以使css的开发对编程人员更友好。

安装和使用:

   sass基于ruby,首先需要去ruby官网下载安装ruby。ruby下载地址.

   下载安装过程很简单,记得勾选添加到PATH。之后就可以在命令行里通过 ruby -v 来查看是否安装成功。

   然后就可以使用gem包管理工具了 因为容易被墙 需要换源:

    gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/

   可能会碰到SSL证书问题, 改为 http://gems.ruby-china.org/

   之后用gem install sass 安装sass

   同时可以用gem install compass 安装compass

   成功后就可以使用了,可以在一个目录下,使用 compass create projectName 来新建一个sass项目

   然后使用 compass watch可以监听并且实时reload项目 得到编译后输出的css文件。

   关于cpmpass的使用会在之后总结。先来讲讲Sass。

 

Sass语法:

  注: sass因为历史原因存在scss以及sass两种文件后缀名,采用了不同的语法。sass使用缩进来进行嵌套,语法简洁开发高效,但是非常用者难以阅读。scss语法类似css的嵌套,方便阅读,本文均采用scss。

原标题:关于sass的基础语法介绍

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录