停止编写 CSS，以下 10 个原因

更喜欢视频？

在这篇简短的文章中，我想给你一些理由，说明为什么你应该停止编写 CSS 而开始编写 SASS。

最终输出结果是一个简洁美观且压缩良好的 .css 文件。

列表顺序并不重要！

10 ~ 语法

编写 SASS 代码时，你会立即发现区别，因为没有括号和分号，代码更加简洁，这里重要的是制表符。

当你编写嵌套选择器时，你会更容易理解这个视频😁️

9 ~ 变量

CSS 中真的非常需要这个功能……使用变量可以极大地帮助你管理代码，甚至有助于未来的重构。

例如，您可以创建一个 palette.sass 文件来存储所有颜色，然后在按钮或 div 元素中调用该变量……

在我看来，最棒的是，只需更改一行代码（定义颜色变量的那一行），就可以更改整个应用程序的颜色。

请看这里👇

8 ~ 混合料

mixin 真不错，它能帮你定义可重用的代码块，你可以把它们想象成函数，可以传递参数，然后动态地获取代码块。

7 ~ 功能

嗯……是的，mixin 和函数确实很相似……但是，函数可以返回值，而 mixin 只能返回预定义的代码块。

6 ~ 进口

与其创建一个包含 20 万行代码、用奇怪的 ### 符号分隔的超大 main.css 文件（其中包含标题或其他更糟糕的内容），不如导入和导出你的 sass 文件。

这和链接的rel属性不一样，因为rel属性会发起HTTP请求 :D

例如，你的代码结构会非常美观。

• header.sass
• menu.sass
  • profile_image.sass
• 页脚.sass

你甚至可以导入CSS文件！

5 ~ 数学

使用 Sass，你可以执行几乎任何你想要的操作，这在仅使用 CSS 时是一个很大的限制，现在不再是了！

4 ~ 逻辑

CSS 中另一个缺失的功能是逻辑，而 SASS 则提供了使用 if 语句和 while 循环的功能。

这将帮助你更轻松地编写更少的代码。

3 ~ 代码简洁易读

也许我已经说过很多次了，但真的，使用 SASS 你会看到漂亮的代码。

结合 mixins、导入和变量，这和 CSS 完全不同，你的代码会非常清晰易懂。

唯一值得庆幸的是，你的代码有不同的文件，每个文件都包含代码的不同部分。这样，将来你想修改某些内容时就会方便很多。

例如，您想用 CSS 更改图像的主颜色……或者字体系列

2 ~ 更快的发展

简洁的代码意味着更快的开发速度，在我看来，拖慢我速度的一大原因就是分号，还有一点……分号，我真的非常讨厌分号……

使用 mixin 可以避免重复编写部分代码，从而遵循 DRID 原则。

1 ~ 生产就绪

您将获得一个符合您要求的干净的 CSS 文件作为输出，至于是否需要多个 CSS 文件，则取决于您自己。

您的 CSS 文件将被最小化，即可导入……

就是这样

希望您喜欢这篇文章，这是我的第一篇文章，希望内容能对某些人有所帮助，感谢阅读……

如果你想知道如何通过 YouTube 视频或其他类似方式安装 SASS，请告诉我……

如果你喜欢我的风格，欢迎关注我的新YouTube频道

感谢您抽出时间，祝您今天愉快👋😁