首页 » 博客 » CSS 是一个非常强大的工具

CSS 是一个非常强大的工具

尤其是最新版本;然而,由于其性质,它们也有局限性。我相信,任何经常使用它们的人,无论是出于工作还是业余爱好,迟早都会有一些共同的需求或要求,例如:

  • 能够轻松地改变一系列颜色;
  • 能够重用部分*标准*代码
  • 能够在创建复杂模板时使用数学运算;
  • 能够在类声明等中编写可读且非冗余的代码。

我们所有人都曾在某个时候有过 WhatsApp 数据库 这些需求:这就是为什么近年来 CSS 预处理器被创建来使我们的工作更轻松。其中最广泛和使用最广泛的是两个:LESS和SASS。

两者都通过特别引入五个非常方便的功能,帮助您解决刚

  1. 变量​
  2. 操作​
  3. 嵌套规则
  4. 函数(mixins )
  5. 文件和库导入

这两种语言在性能、易用性和学习曲线方面实际上是相当的:使用其中一种只是个人喜好的问题。在本文中,我们将特别讨论 SASS,因为作者(稍微)更喜欢它而不是 LESS。但我们将看到,这些内容实际上可以毫无困难地转移到 LESS 上!

好的,LESS 还有一个额外的优点:它可以直接与源文件一起使用,而不是与生成的 css 一起使用,通过专门编写的 javascript 文件。对我来说这没有什 例如,尝试一下 么区别,因为在生产中使用源文件不是一种选择,而且我认为给浏览器增加更多负载是一个错误。但对于某些人来说,这可能是一种优势。简而言之,你决定。

什么是 SASS?

SASS 是一个 CSS 预处理器,100% 兼容 CSS 语法,让您可以更轻松、更快速地处理它们。
警告: SASS不是一个类似 Bootstrap 的框架!它是一种语言,您可以使用它来创建 CSS,并且如果需要,还可以与 CSS 框架进行交互。简而言之,SASS 是对框架 电话号码业务线索 的补充,而不是取代它们。

如上所述,SASS 是一种与 CSS 完全兼容的语言:这意味着您可以通过导入旧样式表来开始您的工作,然后充分利用其功能。

插曲:SASS 和 scss 有什么区别?

我曾多次被问到这个问题,尤其是初学者:SASS 是语言,.scss 是 SASS 创建的文件扩展名。实际上,一旦您使用 SASS 保存文件,就会创建两个文件:可以重复用于更改的带有 .scss 扩展名的 *source* 文件和带有 .css 扩展名的 *production* 文件,即我们习惯使用的经典 .css,可插入到网页中。

如何安装 SASS?

Sass 是Ruby 的瑰宝,是一种卓越的编程语言!为了安装 SASS,您的计算机上必须有 Ruby。

  • 如果你有Mac,你不会遇到这方面的任何问题:Ruby 在最新版本的 OS X 上默认存在
  • 如果您使用的是Windows,最好的方法是使用Ruby Installer项目并按照说明逐步进行操作。

插曲:SASS 和 IDE

许多开发如果你以编写 CSS 为生,那么这绝对是值得的。我希望能够很快写一篇关于它的文章…

滚动至顶部