随着前端越来越强大,
那么今天简单介绍一下什么叫做“css预处理语言”~
希望大家喜欢
css预处理语言
扩展了 CSS 语言增加了一些编程特性,例如可以在 CSS
中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,增加了变量、嵌套、运算、混入(Mixin)、继承、颜色处理、函数等特性。
适应性更强,无需考虑浏览器的兼容性问题 让 CSS 更简洁,代码更直观等诸多好处,使 CSS 更易维护和扩展
常用CSS预处理语言
SASS、 LESS、 Stylus
不管SASS也好,LESS也罢,还是Stylus都只是一种工具,各有各的优缺点,选择自己喜欢的用着舒服的就是了。没必要纠结这么多。
SASS与LESS比较
1.编译环境不一样
Sass的安装需要Ruby环境,是在服务端处理的;
Less是需要引入less.js来处理Less代码输出css到浏览器,也可以在开发环节使用Less,然后编译成css文件,直接放到项目中
2.变量符不同
Less是@;
Scss是$;
而且变量的作用域也不一样
3.作用域不同
Less-作用域
@color: #00c; /* 蓝色 */
#header {
@color: #c00; /* red */
border: