第一篇 CSS预处理器Sass和Less

Deadly 提交于 2020-03-18 22:40:35

3 月,跳不动了?>>>

Sass和Less

Sass和Less都属于CSS预处理器,CSS预处理器定义了一种新的语言,其基本思想是用一种专门的编程语言,为CSS增加了一些编程的特性,如:变量、语句、继承等概念。将CSS作为目标生成文件,然后开发者就只要使用这种语言进行CSS的编码工作。

 

官网地址

Less官网地址: http://lesscss.org/

Less VSCode插件:Easy LESS

Sass官网地址:https://sass-lang.com/

Sass VSCode插件:Easy Sass

 

编写Less文件(后缀名.less)

备注:新建hello.less文件,然后写入代码,然后保存后会自动编译生成一个同名的css文件。

 

编写Sass文件(后缀名.scss,老版本的后缀名为.sass)

备注:新建hello.scss文件,然后写入代码,然后保存后会自动编译生成一个同名的css文件和一个压缩后的css文件。

 

常用语法大纲

1. 注释

Sass

Less

2. 变量

Sass ($符号)

Less(@符号)

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!