Less(一)

来源:互联网 发布:php视频网站源码 编辑:程序博客网 时间:2024/06/06 13:21

1 .CSS
css 是一个设计语言,不是编程工具。在程序员眼里,CSS 没有变量,也没有条件语句,本身不具备逻辑,只是一行行单纯的描述,无法编程。

2.CSS preprocessor
CSS preprocessor(CSS预处理器)也称之为动态样式语言。使用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS 文件。
常用动态样式语言
• Less
• Sass

3.Less是一种动态样式语言.它支持:变量,混合,嵌套规则,函数和运算,命名空间和作用域.

4.变量:调用变量
这里写图片描述

5.混合
这里写图片描述

6.嵌套规则:可以在一个选择器中嵌套另一个选择器来实现继承,这样子一来很大程度上减少了代码量,并且代码看起来更加清晰.
这里写图片描述

7.函数&运算
这里写图片描述

8.客户端使用Less
在客户端使用Less.js是最容易的方式,并且在开发阶段还是很方便的,但是,在生产环境中,性能和可靠性很重要,建议使用node.js 或者其他第三方工具进行预编译.
这里写图片描述