Less简介
来源:互联网 发布:淘宝宝贝首图优化 编辑:程序博客网 时间:2024/05/22 14:33
一、Less简介
Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。
概要:
(1)为什么要有预处理CSS
CSS基本上是设计师的工具,不是程序员的工具。在程序员的眼里,CSS是很头痛的事情,它并不像其它程序
语言,比如Javascript等等,有自己的变量、常量、条件语句以及一些编程语法,只是一行行单纯的属性描述,写起
来相当的费事,而且代码难易组织和维护。很自然的,有人就开始在想,能不能给CSS像其他程序语言一样,加入一
些编程元素,让CSS能像其他程序语言一样可以做一些预定的处理。这样一来,就有了“CSS预处器(CSS Preprocessor)”。
(2)什么是预处理CSS
CSS语言的超集,比CSS更丰满
CSS预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。通俗的说,CSS预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项目使用。CSS预处理器为CSS增加一些编程的特性,无需考虑浏览器的兼容性问题,例如你可以在CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性,可以让你的CSS更加简洁、适应性更强、可读性更佳,更易于代码的维护等诸多好处。
CSS预处理器技术已经非常的成熟,而且也涌现出了很多种不同的CSS预处理器语言,比如说:Sass(SCSS)、LESS、Stylus、Turbine、Swithch CSS、CSS Cacheer、DT CSS等。如此之多的CSS预处理器,那么“我应该选择哪种CSS预处理器?”也相应成了最近网上的一大热门话题,在Linkedin、Twitter、CSS-Trick、知呼以及各大技术论坛上,很多人为此争论不休。相比过计我们对是否应该使用CSS预处理器的话题而言,这已经是很大的进步了。
到目前为止,在众多优秀的CSS预处理器语言中就属Sass、LESS和Stylus最优秀,讨论的也多,对比的也多。本文将分别从他们产生的背景、安装、使用语法、异同等几个对比之处向你介绍这三款CSS预处理器语言。相信前端开发工程师会做出自己的选择——我要选择哪款CSS预处理器。
二、Less参考资源
官网地址:http://lesscss.org
中文地址:http://lesscss.cn
其他:
http://www.bootcss.com/p/lesscss/
https://www.cnblogs.com/starof/p/5226739.html
三、安装Less
(1)首先安装Node.js
(2)执行命令安装Less
npm install -g less
四、Less转成CSS文件
(2)执行命令
lessc main.less > main.css
生成的css文件保存在less文件所在路径下
- Less简介
- Less简介
- LESS 简介
- Less 简介
- less简介
- LESS简介
- Less简介
- less简介
- Less简介
- linux less命令简介
- Linux less 简介
- linux less命令简介
- linux less命令简介
- LESS CSS 框架简介
- LESS CSS 框架简介
- LESS CSS 框架简介
- LESS CSS 框架简介
- LESS使用简介
- Oracle Partition 分区详细总结
- Linux下常用操作
- 豆豆学python——(1)数据类型和变量
- java的 自定义注解拦截器
- stm32_017_stm32端口复用和重映射
- Less简介
- HDOJ 1039 Easier Done Than Said?
- 抓住那头牛
- Writeup of love(reverse) in BugKu
- C++三种容器:list vector deque的区别
- 稳压电源 连载20:附录4 实用电路图例
- Spring Cloud Ribbon服务重试
- 【Scikit-Learn 中文文档】处理文本数据
- HashSet源码分析解读