Sass是什么？Sass优点和缺点

sass是css预处理器；

优点：

用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。通俗的说，CSS预处理器用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。CSS预处理器为CSS增加一些编程的特性，无需考虑浏览器的兼容性问题，例如你可以在CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性，可以让你的CSS更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。

缺点：

css的文件体积和复杂度不可控、调试难度增加、成本等

补充：

它在CSS的语法基础上增加了变量（variable）、嵌套（nested rules）、混合（mixins)、导入（inline imports）等高级功能，这些拓展令CSS更加强大与优雅。

使用Sass以及Sass的样式库（如compass）可以更好地组织管理样式文件、以及更高效的开发项目。

Sass是什么？Sass优点和缺点相关推荐

Sass函数：Sass Maps的函数-map-has-key($map,$key)
map-has-key($map,$key) 函数将返回一个布尔值.当 $map 中有这个 $key,则函数返回 true,否则返回 false. 前面的示例,当 $key 不在 $map 中时,使用 ...
sass笔记-1|Sass是如何帮你又快又好地搞定CSS的
Sass学习笔记持续整理中,开篇不讲怎么安装,sass是什么,这些搜索引擎会告诉你,我们从sass的作用开始讲起,知道sass用来干什么,有什么作用,我们才能相信用sass的好处,并且时时刻刻想着sa ...
Dart Sass替换Node Sass
需求:项目重构,需要一套前端基础模板想法:用vue-element-admin(我之前基于它做过一套基础架构) 按照正常流程npm install时出现问题,命令行直接报错: ... gyp ver ...
vs code使用Easy Sass插件编译sass文件路径报错问题解决
问题: scss文件中使用了@import来引入另一个scss文件,两个scss文件不在同一层级,所以我使用相对路径的写法来引用文件,但是使用vs code里面安装的扩展Easy Sass进行编译时, ...
sass教程之--sass的安装
Sass 安装本章节我们主要介绍 Sass 的安装与使用. NPM 安装我们可以使用 npm(NPM 使用介绍)来安装 Sass. npm install -g sass 注:国内 npm 建议使 ...
sass教程之--sass变量
Sass 变量变量用于存储一些信息,它可以重复使用. Sass 变量可以存储以下信息: 字符串数字颜色值布尔值列表 null 值 Sass 变量使用 $ 符号: $variablename: ...
SCSS 和 Sass 有什么区别？
问: 从我一直在阅读的内容来看,Sass 是一种通过变量和数学支持使 CSS 更强大的语言. 与 SCSS 有什么区别?它应该是同一种语言吗?相似的?不同的? 答1: huntsbot.com – 程 ...
Sass (Syntactically Awesome StyleSheets)
Sass (Syntactically Awesome StyleSheets) Sass 是对 CSS 的扩展,让 CSS 语言更强大.优雅. 它允许你使用变量.嵌套规则. mixins.导入等众多 ...
前端CSS预处理器Sass
前面的话 "CSS预处理器"(css preprocessor)的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件.SASS是一种CSS的开发工 ...
菜鸟的 Sass 学习笔记
介绍 sass 是什么?? 在sass的官网,它是这么形容给自己的 Sass is the most mature, stable, and powerful professional grade C ...

Sass是什么？Sass优点和缺点

Sass是什么？Sass优点和缺点相关推荐

最新文章

热门文章