LESS编译CSS

LESS编译CSS,LESS转为CSS

上传 LESS

LESS编译CSS,LESS转为CSS

这款在线工具,可以将LESS代码直接转换为CSS代码,也可以上传.less文件,然后直接编译另存为.css文件。

为什么要将LESS编译为CSS?这是因为less语言并非所有浏览器都能识别,我们需要将项目中的less转换为css后,项目才能上线。

可以不将less转为css吗?可以,但需要在项目中引入less.js文件。不建议在生产环境中这样做,因为这样会增加页面加载的时间,所以还是建议先把项目的less代码编译为css代码。


LESS编译CSS工具使用说明

1、输入LESS:直接上传本地CSS文件,或者在第一个输入框内直接输入CSS代码。

2、会自动输出转换结果,你可以一键保存转换结果,也可以复制转换后的代码手动保存为*.css文件


关于CSS和Less

1、CSS,全称Cascading style Sheets,即“层叠样式表单”,用于精准控制页面布局元素的背景颜色、位置、大小等。

2、Less,是CSS的预处理语言,在基于标准的CSS语法的基础上,扩充了CSS,增加了诸如函数、混合(mixin)、变量、嵌套、运算、继承、颜色处理等功能,使其拥有了更加灵活、更加实用的可编程性。


/*这里是一些简单的语法*/

@width:400px;
@height:300px;
@font_size:12px;

h1 {
	width:@width;
	height:@height;
	font-size:@font_size;
}