学习Less预处理语言
一,什么是less?
Less 是一种动态样式语言,可以说是css的升级,因为他属于css预处理语言的一种。他使用类似css的语法,为css赋予了动态语言的特性。大部分体现在变量、继承、运算、函数等方面。方便了css的编写和维护。
二,什么是预处理css?
预处理css就是语言的超集,比css更丰满。 CSS预处理器为CSS增加一些编程的特性,无需考虑浏览器的兼容性问题,例如你可以在CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性,可以让你的CSS更加简洁、适应性更强、可读性更佳,更易于代码的维护等诸多好处。
预处理css大概分类有:Sass(SCSS),less,stylus,turbine,swithch CSS,CSS Cacheer,DT CSS等等。其中最好的是Sass,less和stylus。
三,less语法:
// 注释模板,less里的注释会转换成css后被删除。
/* 这样的注释不会被删除,在css中仍然会保留*/。
四、定义变量:
@变量名:变量值;
@bgColor: #f5f5f5 ;
body{
width:@变量名;
background-color:@bgcolor;
}
==>转换成css
body{
width: 变量值 ;