编译SASSsass编译有很多种方式,如命令行编译模式、sublime插件SASS-Build、编译软件koala、前端自动化软件codekit、Grunt打造前端自动化工作流grunt-sass、Gulp打造前端自动化工作流gulp-ruby-sass等。2. 命令行编译;//单文件转换命令sas...
分类:
其他好文 时间:
2015-07-27 12:46:29
阅读次数:
108
安装Sass和Compasssass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。(注:mac下自带Ruby无需在安装Ruby!)window下安装SASS首先需要安装Ruby,先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your ...
分类:
其他好文 时间:
2015-07-27 12:32:44
阅读次数:
133
在scss文件中使用@import。它不同于css中的@import。css中的@import会有两个弊端:1、必须放在代码的最前边2、对性能不利在scss文件中的@import使用CSS原生@import的既定规则1、当@import 后面跟的是以.css文件结尾的时候2、当@import 后面跟...
分类:
其他好文 时间:
2015-07-26 17:05:18
阅读次数:
87
css扩展技术是对css原生代码一种扩展,其中less和sass就是css扩展技术两种方式,通过扩展技术,可以使我们在写css代码时候,更加的方便和快捷。 首先要了解css扩展技术的含义;扩展技术并不是另外一种全新的技术,它是建立在css基础上进行扩展,实现一些css原生代码所不能实现的功能,...
分类:
Web程序 时间:
2015-07-25 22:49:45
阅读次数:
179
前言由于.sass不兼容CSS代码,所以以下内容完全使用.scss的语法。Sass注释Sass中除了提供CSS中的标准注释之外,还提供了一种静默注释:/* 我是标准注释 */// 我是静默注释标准注释大多数情况下(一种例外:设置输出风格为compressed)是会生成到最终的CSS中的,而静默注释的...
分类:
其他好文 时间:
2015-07-24 18:05:18
阅读次数:
203
最近要开始用 Sass 做一些东西。先来记录一下安装过程。1、确认本机的 Ruby 版本2、访问网址下载 Sass 最新版本https://rubygems.org/gems/sass3、下载完成后,安装开始。
分类:
其他好文 时间:
2015-07-22 20:36:54
阅读次数:
132
用scss来书写css还是很方便的。首先是ruby的下载与安装,下载地址是http://rubyinstaller.org/downloads/ 。下载完以后,我们打开安装文件,点击下一步安装即可,注意在这里下面打上勾,防止以后运行命令的时候找不到。
安装完成后,点击后打开。
运行命令 gem install sass 然后等待安装完成,第一次安装可能会花费时间比较长,也有可能是被屏蔽了,多试几...
分类:
Web程序 时间:
2015-07-21 17:19:22
阅读次数:
233
SASSsass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号;另一种就是我们这里使用的scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号。建议使用:scsssass的导入导入文件需要加后缀名。css如果不加后缀名,sass会默认为sass文件选择器嵌套#top_na...
分类:
其他好文 时间:
2015-07-21 01:16:09
阅读次数:
113
SASS和LESS均是CSS的一种扩展技术,其本身不能替代CSS,但能帮助我们简化代码,用更少的代码做更多的事。LESS和SASS在语法上有些共性,比如下面这些:混入(Mixins)——class中的class;参数混入——可以传递参数的class,就像函数一样;嵌套规则——Class中嵌套clas...
分类:
其他好文 时间:
2015-07-20 06:54:41
阅读次数:
361
更好的为变量命名变量是Sass中最简单的特性之一,但有时候也会使用不当。创建站点范围内有语义化的变量,是不可或缺的工作。如果命名不好,他会变得难以理解和重复使用。这里有一些命名变量的小技巧,提供参考:命名变量时不要含糊不清坚持一种命名规则(Modular, BEM等等)确定变量的使用是有道理的这有一...
分类:
其他好文 时间:
2015-07-20 06:49:47
阅读次数:
116