Less文件的创建与使用

2025-04-18 08:14:20

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

Less文件的创建与使用

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

Less文件的创建与使用

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

Less文件的创建与使用

4、2.然后在这个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文件的创建与使用
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢