在本文中，我想探索多年来CSS的SCSS功能和改进。

什么是CSS？

级联样式表（CSS）或更常见的CSS通过与HTML元素进行交互，从而为您的网页带来了样式。一方面，HTML用于构建Web文档，而CSS则派上用场，同时指定您的文档样式，即从页面布局到颜色，再到字体。 CSS代表级联风格的表。这是一种样式的语言，用于描述用标记语言编写的文档的外观和格式。它为HTML提供了一个附加功能，从而使其非常有用。它与HTML一起使用以更改网页和UIS的样式。

css3： css3是级联样式表（CSS）语言的演变，旨在扩展CSS2。它带来了许多新功能和附加功能，例如圆形边框，阴影，渐变，过渡或动画，以及新布局，例如多柱，灵活的盒子或网格布局。此外，添加了新模块。
一些最重要的CSS3模块是：
•选择器
•框型
•背景和边界
•图像值并替换内容
•文本效果
•2D/3D转换
•动画
•多列布局
•用户界面

重要的CSS3属性：

1。宽度：****允许您设置元素的宽度，无法在大多数内联元素上设置宽度，例如锚固标签或跨度。

2 .heights：****允许您设置元素的高度，就像宽度一样，您无法在大多数内联元素上设置高度。

3。最大宽度：****将防止元素的宽度越过您设置的值，该值设置了段落标签上设置最大宽度在屏幕上太远，这也将在移动设备上响应。

4 .border-radius：****这个属性很棒，这个属性将为您的元素提供圆角，您可以在这里设置一个像素值，这是一个速记属性，将立即设置所有四个角。

5.box shadow：允许您在元素后面设置阴影，通常将水平偏移垂直偏移量和颜色设置在这里，甚至可以使用RGBA。 p>

** 6. opacity属性：**让您更改元素的不透明度，例如设置0.5，将使元素50％不透明牢记，即使您将此值设置为0，元素仍然会占用空间在网页上。

sass是CSS的预处理器，这与CSS基本相同。作为预处理程序，您可以用SASS进行编码，然后将代码编译为CSS。它充当CSS的（惊人的）电源，可以使CSS中尚未存在的功能。 Sass的主要目标是随着样式表的越来越大，更复杂。
SCSS代表Sassy CSS，这是一种具有.scs扩展的SASS文件的特殊类型，并且具有更好格式的CSS超集。它提供了与Sass中讨论的相同的设施。它使用牙套和分号。

提供的一些方便功能是：

变量，您可以使用变量存储可重复使用的值，这可以方便地存储诸如颜色六角形代码或字体堆栈等值。

嵌套，您可以使用SASS更简单地编写层次结构CSS选择器，只需像我们使用HTML元素一样在巢中写入它。（在代码中简单写代码中） >

Mixins ，它们就像功能一样，您可以在整个样式表中定义和重复使用。例如，有时我们必须为每个渲染引擎编写一个声明，例如Border-radius，应该伴随-webkit-border-radius，-moz-border-border-radius等。您可以将所有这些Border-Radius语句分组为一个Mixin，只要您需要为元素定义Border-Radius时使用Mixin。

扩展和继承，它使您可以在样式表中共享一组CSS属性。

数学运算符，例如 +， - ， *，/和％，以帮助您确定整个样式表的各种数字。

partials ，您可以根据其目的单独编写SASS代码。就像在一个文件中写下所有与颜色相关的sass。媒体查询另一个。另一个变量。只需将它们导入您的主文件即可。当您编译时，即使您有许多SASS文件，也只会生成一个CSS文件。

您应该使用SCSS的原因

¢您可以使用变量，让您更快，更有条理地编写CSS，而不是在CSS文件中多次重复＃ff0000，在SCSS中，我们只能设置变量$ red：＃ff0000并使用一次并使用它我们想要的多次。

¢逻辑和指令带有SASS，您可以编写CSS几乎喜欢编程语言，您可以使用IF-ELSE计算逻辑制作内联评论，甚至创建一个函数，让您编写更复杂的代码，同时仍然可以阅读和可重复使用其他项目而传统的CSS不能。

¢scss基于CSS语法，因此您不必重新学习全新的语言，而SCSS基本上是CSS Superset，因此您甚至可以将CSS复制到SCSS中，并且它可以正常工作，您可以现在切换到SCSS，请立即使用SCSS并习惯了额外的功能。

•将您的SCSS分为较小的模块，并在需要时导入，您可以使代码模块化使维护更加容易，而您也可以使用传统的CSS进行导入，但是每个导入都会导致服务器的额外HTTP请求另一方面，SASS导入并不好，将被编译并处理到一个CSS文件中。

我认为，即使有CSS3的最新功能，SCSS仍然是更好的选择。在下面的评论中让我知道您的想法。

希望您喜欢这篇文章。感谢您的阅读！