CSS第十章 Sass与Less

最新推荐文章于 2024-06-28 03:56:11 发布

guanerkoushi

最新推荐文章于 2024-06-28 03:56:11 发布

阅读量958

点赞数

分类专栏： Web开发文章标签： css

本文链接：https://blog.csdn.net/Xiaolei233/article/details/117636423

版权

Sass和Less是CSS预处理器，提供变量、嵌套、函数等特性，简化CSS编写，提高代码可维护性。Sass使用Ruby编写，有SCSS和Sass两种语法，Less保留CSS语法，两者在变量作用域、选择器嵌套等方面有所不同。它们通过编译转换为CSS，支持注释、运算、颜色处理等功能，并具备混入、继承等高级特性。

摘要由CSDN通过智能技术生成

CSS

一、Sass与Less

一、Sass与Less

CSS（层叠样式表）是一门非程序式语言，入门学习使用非常直观方便，但是对于一些比较复杂或者重用性比较强的项目来说，因为CSS没有变量、函数、SCOPE（作用域），需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码。为了方便前端开发的工作量，出现了sass和less。

1.1 定义

在这里插入图片描述
SASS（Syntactically Awesome Stylesheets）
使用Ruby 编写，是一种对css的一种扩展提升，可以理解为用js的方式去书写，然后编译成css。
比如说，sass中可以把反复使用的css属性值定义成变量，然后通过变量名来引用它们，而无需重复书写这一属性值。