您当前位置:主页 > 编程技术 >
 
CSS预编译器:Sass(入门),更快的前端开发,csssass
日期:2019-01-09 编辑:凯发K

CSS预编译器:ag环亚Sass(入门),更快的前端开发,csssass

Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。

SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用,也就是说它本身的语法并不太容易让浏览器识别(虽然它和CSS的语法非常的像,几乎一样),因为它不是标准的CSS格式,在它的语法内部可以使用动态变量等,所以它更像一种极简单的动态语言。   sass 入门 api语法
1.[Sass]常见的编译错误
  在编译 Sass 代码时常常会碰到一些错误,让编译失败。这样的错误有系统造成的也有人为造成的,但大部分都是人为过失引起编译失败。   而最为常见的一个错误就是字符编译引起的。在Sass的编译的过程中,是不是支持“GBK”编码的。所以在创建 Sass 文件时,就需要将文件编码设置为“utf-8”。   另外一个错误就是路径中的中文字符引起的。建议在项目中文件命名或者文件目录命名不要使用中文字符。而至于人为失误造成的编译失败,在编译过程中都会有具体的说明,大家可以根据编译器提供的错误信息进行对应的修改。  
2.[Sass]不同样式风格的输出方法
  - 嵌套输出方式 nested - 展开输出方式 expanded - 紧凑输出方式 compact - 压缩输出方式 compressed  
3.[Sass]声明变量
 

 

 

  注意,如果有引号的字符串被添加了一个没有引号的字符串 (也就是,带引号的字符串在 + 符号左侧), 结果会是一个有引号的字符串。 同样的,如果一个没有引号的字符串被添加了一个有引号的字符串 (没有引号的字符串在 + 符号左侧), 结果将是一个没有引号的字符串。 例如:            

http://www.bkjia.com/HTML_CSS/1211358.htmlwww.bkjia.comtruehttp://www.bkjia.com/HTML_CSS/1211358.htmlTechArticleCSS预编译器:Sass(入门),更快的前端开发,csssass Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式...

本文源自: AG环亚娱乐

上一篇:html框架,html框架布局 下一篇:没有了
 
Copyright © 2005-2016 http://www.tecsquared.com AG环亚娱乐_AG直营网_环亚娱乐AG最佳线路_腾讯体育版权所有 AG环亚娱乐_AG直营网_环亚娱乐AG最佳线路_腾讯体育