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文件。因此,这将难以协同在网站上工作。
  • 还有失去浏览器内置检查器查看元素的好处。