当前位置: 首页 > 网络应用技术

CSS前处理器终极指南在SASS基础上

时间:2023-03-08 00:44:28 网络应用技术

  Didi Big:使用CSS Pre -Processor使用吗?

  我不知道每个人的情况是否像我。对前车的学习非常重要。这篇文章将每个人都来组织CSS Pre -Prosessor的知识点。现有的流行库是,等等,我们的项目主要使用,因此此示例基于基础。

  CSS语法的扩展(层)诞生于2007年。它是最早,最成熟的CSS前处理器语言。它可以使用变量,常数,嵌套,混合,功能和其他功能,这些功能可以更有效地以弹性为CSS。

  变量的提供避免了设计师频繁更改全球属性(例如整体颜色样式),这导致我们被动地增加工作量。使用变量从和平开始。

  如果该变量在属性中使用,则需要在中国编写它

  这应该是最熟悉的。除了嵌套和嵌套。

  允许一个选择器继承另一个选择器的所有属性。使用现有样式块的继承。

  类似的混合是可以重复使用的样式代码,可以指定参数和默认值。使用如下。

  用于介绍外部样式文件

  有两种方法

  内置的颜色功能方便生成串联颜色。

  您可以执行各种数学计算(变量和属性)。对同一单元的关注必须给予同一单元。

  使用缝线字符串

  类似,它可用于根据参数进行混合和判断。

  它可以帮助生成类似的选择器,例如定义一些相似的外距离。

  SASS提供字符串函数(字符串),数字函数(数字),列表函数(列表),字典函数(映射)等。字符串函数可用于删除字符串引号并添加引号。数字函数类似于提供诸如of of y之类的提供。列表功能已返回列表长度。这里不再有列表,有关您提供的内容的更多信息,您可以访问官方网站以稍后查找。

  如果CSS前处理器想更好地使用它,请先与设计师的姐姐进行交流,并且可以发挥更大的作用?

  Sass-Learning Notes [基本文章] SASS使用指南SASS命令和功能知识完成

  作者:Jinxing的版权属于作者。

  链接:https://juejin.cn/post/700186078458627720