-
Sass不同样式风格的输出方法： 1、nested ：嵌套输出风格 2、expanded ：展开输出方式 3、compact ：紧凑输出方式 4、compressed ：压缩输出方式查看全部
-
常见编译错误： 1、字符编译错误：Sass不支持GBK，创建Sass文件时设置文件编码为utf-8 2、中文字符错误：项目文件和文件目录名不要使用中文字符查看全部
-
自动化编译： 1、Grunt 配置 Sass 编译的示例代码 module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), sass: { dist: { files: { 'style/style.css' : 'sass/style.scss' } } }, watch: { css: { files: '**/*.scss', tasks: ['sass'] } } }); grunt.loadNpmTasks('grunt-contrib-sass'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.registerTask('default',['watch']); } 想了解 Grunt 同学请单击这里学习《Grunt-beginner前端自动化工具》。 2、Gulp 配置 Sass 编译的示例代码 var gulp = require('gulp'); var sass = require('gulp-sass'); gulp.task('sass', function () { gulp.src('./scss/*.scss') .pipe(sass()) .pipe(gulp.dest('./css')); }); gulp.task('watch', function() { gulp.watch('scss/*.scss', ['sass']); }); gulp.task('default', ['sass','watch']);查看全部
-
推荐的GUI编译工具： 1、Koala 2、CodeKit查看全部
-
命令编译 1、单文件编译命令： sass <path/to/>style.scss:<path/to/>style.css 2、多文件编译命令: sass <sass/folder/>:<css/folder/> 3、开启watch功能，检测代码变化，实现实时编译 sass --watch <path/to/>style.scss:<path/to/>style.css查看全部
-
Sass编译方法： 1、命令编译 2、GUI工具编译 3、自动化编译查看全部
-
注意：“.sass”只能使用 Sass 老语法规则（缩进规则），“.scss”使用的是 Sass 的新语法规则，也就是 SCSS 语法规则（类似 CSS 语法格式）。查看全部
-
1、Sass 语法格式 这里说的 Sass 语法是 Sass 的最初语法格式，他是通过 tab 键控制缩进的一种语法规则，而且这种缩进要求非常严格。另外其不带有任何的分号和大括号。常常把这种格式称为 Sass 老版本，其文件名以“.sass”为扩展名。 使用 SCSS 语法格式将按下面这样来书写： $font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; } 2、SCSS语法格式 SCSS 是 Sass 的新语法格式，从外形上来判断他和 CSS 长得几乎是一模一样，代码都包裹在一对大括号里，并且末尾结束处都有一个分号。其文件名格式常常以“.scss”为扩展名。 使用 SCSS 语法格式将按下面这样来书写： $font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; }查看全部
-
卸载/删除Sass命令： gem uninstall sass查看全部
-
检查Sass: sass -v 更新Sass: gem update sass查看全部
-
Sass 和 CSS 写法有差别： Sass 和 CSS 写法的确存在一定的差异，由于 Sass 是基于 Ruby 写出来，所以其延续了 Ruby 的书写规范。在书写 Sass 时不带有大括号和分号，其主要是依靠严格的缩进方式来控制的。如： Sass写法： body color: #fff background: #f36 而在 CSS 我们是这样书写： body{ color:#fff; background:#f36; } SCSS 和 CSS 写法无差别： SCSS 和 CSS 写法无差别，这也是 Sass 后来越来越受大众喜欢原因之一。简单点说，把你现有的“.css”文件直接修改成“.scss”即可使用。查看全部
-
Sass 开发之后，要让 Web 页面能调用 Sass 写好的东西，就得有这么一个过程，这个过程就称之为 Sass 编译过程。Sass 的编译有多种方法： 命令编译 GUI工具编译 自动化编译查看全部
-
gem uninstall sass查看全部
-
gem update sass查看全部
-
删除/卸载Sass，输入命令【gem uninstall sass】查看全部
举报
0/150
提交
取消