手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Less文件的创建与使用

时间:2024-10-13 12:33:57

1、如果没有安装less的话可以看这里:http://www.blogzl.com/?p=2907

Less文件的创建与使用

2、现在假设你已经安装好less了,我开始教你如何使用

Less文件的创建与使用

3、你可以先创建一个txt文本文档,然后在将其后缀改为.less

Less文件的创建与使用

4、然后在这个less文件中书写less代码

Less文件的创建与使用

5、这个less也许你没舌哆猢筢学过,但是这个代码我相信你是能看懂的,也就是声明了两个变量,然后在选择器中引用他他们,下面我们输入以下命令来将less文件茌慊瑞谷转换为css文件。lessc index.less index.css

Less文件的创建与使用

6、查看转换结果

Less文件的创建与使用

7、ok,每错,转换成功,然后我们打开这个css文件,看看转换后的内容

Less文件的创建与使用

8、现在相信不用我说,大家也能看懂吧,,less转换为css后就可以直接如同css文件一起使用了。

Less文件的创建与使用
Less文件的创建与使用
© 手抄报圈