Sass 教程

🌙
手机阅读
本文目录结构

什么是SASS?

SASS(Syntactically Awesome Stylesheet)是一个CSS预处理器,有助于减少CSS的重复,节省时间。它是更稳定和强大的CSS扩展语言,描述文档的样式干净和结构。

历史

它最初由 Hampton Catlin 设计,并于2006年由 Natalie Weizenbaum 开发。后来 WeizenbaumChris Eppstein 初始版本用SassScript扩展Sass。

为什么要使用SASS?

  • 它是预处理语言,它为CSS提供缩进语法(它自己的语法)。

  • 它提供了一些用于创建样式表的功能,允许更有效地编写代码和易于维护。

  • 它是超集的CSS,这意味着它包含CSS的所有功能,是一个开源的预处理器,以 Ruby 编码。

  • 它提供了比平面CSS好的结构格式的文档样式。 它使用可重复使用的方法,逻辑语句和一些内置函数,如颜色操作,数学和参数列表。

特征

  • 它是更稳定,强大,与CSS的版本兼容。

  • 它是超集的CSS和基于JavaScript。

  • 它被称为CSS的语法糖,这意味着它使用户更容易阅读或表达的东西更清楚。

  • 它使用自己的语法并编译为可读的CSS。

  • 你可以在更少的时间内轻松地编写CSS代码。

  • 它是一个开源的预处理器,被解释为CSS。

优点

  • 它允许在编程结构中编写干净的CSS。

  • 它有助于编写CSS更快。

  • 它是CSS的超集,帮助设计师和开发人员更有效率和快速地工作。

  • 由于Sass兼容所有版本的CSS,我们可以使用任何可用的CSS库。

  • 可以使用嵌套语法和有用的函数,如颜色操作,数学和其他值。

缺点

  • 开发人员需要时间了解此预处理器中存在的新功能。

  • 如果更多的人在同一个网站上工作,那么将使用相同的预处理器。 有些人使用Sass,有些人使用CSS直接编辑文件。 因此,它将变得难以与现场工作。

  • 有机会失去浏览器的内置元素检查器的好处。

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang