×
Sass 教程Sass 安装Sass 语法Sass 使用Sass 嵌套规则Sass 引用父选择器Sass 嵌套属性Sass CSS扩展Sass 占位符选择器Sass 多行注释插值法Sass 注释Sass 交互式shellSass 变量Sass 数据类型Sass 数字运算符Sass 颜色运算符Sass 字符串运算符Sass 布尔运算符Sass 操作符Sass 括号混合Sass 插值Sass 函数Sass SassScript & 符号Sass SassScript &符号Sass 变量默认值Sass 脚本Sass @import指令Sass @media指令Sass @extend指令Sass @at-root指令Sass @debug指令Sass @warn指令Sass @error指令Sass @规则和指令Sass if()函数Sass @if指令实例Sass @if指令实例Sass @else if指令Sass @else if指令Sass @if指令Sass @if指令Sass through关键字Sass through关键字Sass to关键字Sass to关键字Sass @for指令Sass @for指令Sass @each指令实例Sass @each指令实例Sass @each多重分配Sass @each多重分配Sass @each多重分配与映射Sass @each多重分配与映射Sass @each指令Sass @each指令Sass @while指令Sass @while指令Sass 控制指令& 表达式Sass 定义MixinSass 包含mixinSass Mixin参数Sass 传递内容块到MixinSass 混入指令Sass 函数指令Sass 输出样式扩展Sass

SASS教程


SASS是什么?
SASS是一个CSS预处理器有助于减少重复利用CSS并节省时间。它是描述文档样式更干净,结构更加稳定和强大的CSS扩展语言。

历史

它最初是由Hampton Catlin设计,Natalie Weizenbaum在2006年开发。

为什么要使用SASS?

  • 这是前置处理语言,它为CSS提供缩进语法(它自己的语法)。
  • 它提供了用于创建,允许更高效地编写代码,并易于维护的样式表的某些功能。
  • 它是CSS的超集,这意味着它包含CSS的所有功能,是一个开放源代码的预处理器。
  • 它提供了比扁平CSS良好的结构格式文档样式。它使用可重复使用的方法,逻辑语句和一些内置在功能,如颜色操作,数学和参数列表。

特点

  • 它是使用CSS的版本兼容,更稳定,强大。
  • 它是CSS的超集以及基于JavaScript。
  • 它被称为CSS的语法修饰,这意味着它使用户阅读或表达的东西更清楚更简单。
  • 它使用自己的语法和编译成可读的CSS。
  • 您可以轻松地在更短的时间内编写CSS更少的代码。
  • 它是一个开源的预处理器,它被解释为CSS。

优势

  • 它允许写干净的CSS的编程结构。
  • 它有助于更快编写CSS。
  • 它是CSS的超集,它可以帮助设计人员和开发人员提高工作效率。
  • 由于 Sass 与所有的CSS版本兼容,我们可以使用任何可用的CSS库。
  • 也可以使用嵌套语法和有用的功能,如颜色操作,数学和其他值。

缺点

  • 这需要时间,开发人员要学会在这个预处理器目前的新功能。
  • 如果有更多多的人工作在同一个站点,然后将使用相同的预处理器。有人用Sass,而有人直接编辑CSS文件。因此,这将难以协同在网站上工作。
  • 还有失去浏览器内置检查器查看元素的好处。

分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)