简介:node express或者就是node项目中,要自动编译sass方法很多,比如gulp 比如考拉,比如今天我想说的这个包node-compass。 方法一: 命令行编译sass: 方法二:gulp-sass 方法三:node-compass 方法一: 命令行编译sass: 回车确认即可生成对 ...
分类:
Web程序 时间:
2016-07-23 20:55:05
阅读次数:
1147
1.使用变量 Sass使用$符号来标识变量,比如$highlight-color。 1.1声明变量 Sass声明变量和CSS声明属性很像: 这意味着变量$highlight-color现在的值时#abcdef。任何可以用作CSS属性值的赋值都可以用作Sass的变量值,甚至是以空格分割的多个属性值,如 ...
分类:
其他好文 时间:
2016-05-31 20:42:14
阅读次数:
171
1、less为css的扩展技术,可向下兼容css,新增特性也使用css语法。 2、less与sass使用均需先声明,再使用,less格式为.less,sass格式为.sass和.scss(常用) 3、分类: ( 1)变量: less:@+名称:值 使用:选择器{属性:@名称} sass:@+名称:值 ...
分类:
其他好文 时间:
2016-04-05 00:32:59
阅读次数:
168
运算 sass可进行简单的加减乘除运算等 所谓选择器嵌套指的是在一个选择器中嵌套另一个选择器来实现继承,从而增强了sass文件的结构性和可读性。 如上代码,定义了两个占位选择器%ir和%clearfix,其中%clearfix这个没有调用,所以解析出来的css样式也就没有clearfix部分。占位选
分类:
其他好文 时间:
2016-03-21 16:34:04
阅读次数:
281
一、文件规范 二、sass使用规范 6. 禁止 scss 标签、类名 多层嵌套,最多可嵌套4层(最好2到3层)。 错误实例: 三、CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, pa
分类:
Web程序 时间:
2016-03-21 14:10:37
阅读次数:
215
变量: $color:#f00; 1、变浅和加深颜色,sass使用HSL标准来变浅或加深颜色 lighten($color,10%); darken($color,30%); 2、颜色互补 complement(lighten($color,20%)); 3、反色函数 invert(lighten(
分类:
其他好文 时间:
2016-02-27 13:37:48
阅读次数:
122
【sass使用指南】 http://www.ruanyifeng.com/blog/2012/06/sass.html
分类:
其他好文 时间:
2016-02-26 22:04:08
阅读次数:
176
使用Ruby 包管理器安装 sass许多 OS X 用户使用Homebrew作为包管理器。用 Homebrew 能够非常简单地获取到最新版的 Ruby:安装Homebrew$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homeb....
分类:
其他好文 时间:
2016-01-23 21:19:20
阅读次数:
152
一、什么是SASSSASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。本文总结了SASS的主要用法。我的目标是,有了这篇文章,日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的,但是两者的语法没有关...
分类:
Web程序 时间:
2015-10-26 18:43:27
阅读次数:
219
我们都知道,css没有变量,也没有条件语句,在开发过程中,难免有些麻烦,因此有了CSS预处理器(css preprocessor),Sass便是其中之一。一、什么是SassSass(Syntactically Awesome StyleSheets)是css的一个扩展开发工具,它允许你使用变量、条件...
分类:
其他好文 时间:
2015-05-05 12:14:53
阅读次数:
267