CSS与LESS的区别
CSS(Cascading Style Sheet)级联样式表,目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。
LESS将CSS赋予了动态语言的特性,如变量、继承、运算和函数。LESS既可以在客户端上运行 (支持IE 6+、Webkit和Firefox),也可以借助Node.js或者Rhino在服务端运行。LESS是一个动态的标准CSS样式表语言扩展,其有精简的代码更容易维护。
相对于web呈现,CSS样式功能强大,但它可能有点难以维护。例如,想象一个大型web应用程序与无数的CSS类和选择器以及遍及众多的CSS文件。应用程序上线几个月后使CSS改变,这是一个艰巨的任务。 我不是说LESS会使这种变化很简单,但它可以被用来创建精简的代码更容易维护。
LESS通过编程类型选项就像变量和操作扩展标准的CSS添加灵活性,LESS的代码被编译成CSS;当一个页面被加载或使用命令行工具时,它可以被编译使用浏览器中的JavaScript。
当提到LESS编译时大多数web设计师都摇头,但它可以是一个简单的过程。
就像LESS的名字一样,作为适用于开发的CSS的一面,它意味着更少的工作,但同样数量的CSS部署不可少——不管你是否使用LESS,因为LESS代码被编译成标准的CSS。 最有效的方法来编译是预编译和推出CSS,但你可以在客户端编译。
使用客户端方法需要LESS.js JavaScript文件;在LESS主页,有一个下载链接/按钮。 一旦文件被下载,将它放在您的应用程序适当的目录,其中在web页面包含一个它的链接。
更多内容尽在:www.commernet.cn