全栈开发

less&&sass

2017-07-19  本文已影响7人  月光在心中

less和sass都属于css预处理语言,它扩充了CSS语言,增加了诸如变量、混合(mixin)、函数等功能,让css更易维护、方便制作主题

Sass: Syntactically Awesome Style Sheets

Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。
SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用,也就是说它本身的语法并不太容易让浏览器识别(虽然它和CSS的语法非常的像,几乎一样),因为它不是标准的CSS格式,在它的语法内部可以使用动态变量等,所以它更像一种极简单的动态语言。

w3cplus中有队sass的详细介绍:
http://www.w3cplus.com/sassguide/
可以直接在下面的网站编辑,然后把css引入html:
https://www.sassmeister.com/

less官方网站:
http://lesscss.org/

可以使用koala进行编写,也可以在vscode、sublime等编译器中安装插件进行编译。

工具:grunt \ gulp \ webpack
工具:codekit
tips:
可以使用@import “aaa.css”,引入其他css。
各种UI库:jquery UI、extjs、jquery easyUI、ztree、

上一篇下一篇

猜你喜欢

热点阅读