码迷,mamicode.com
首页 > 其他好文 > 详细

1、koala软件的安装和使用--less教程

时间:2017-07-15 10:02:26      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:软件的安装   网盘下载   image   target   class   get   技术分享   div   demo   

最近在学习less,感觉可以编译的CSS真是爽,懒人必备。

1、我这里使用到koala软件来编译less文件生成CSS。

附上百度网盘下载链接: 下载链接    

          密码:  heqj

最新版本:官网链接  如下图:

技术分享

好了,不管你是用最新版本还是用我百度网盘的,第一步,先安装后并运行这个koala软件。选择设置,更改语言为简体中文,记得关闭软件重启字体更改才会生效。

技术分享

接下来,我们在桌面创建一个Less文件夹,里面继续创建css和less文件夹和demo.html

技术分享

我又在CSS文件夹下创建了less文件夹中demo.less

技术分享

 

 

直接上一张GIF如下

技术分享

 

从我的动态图可以看到,软件已经给我生成了demo.css那么我的demo.html就可以直接使用了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>koala的使用--学习less</title>
    <link rel="stylesheet" href="css/demo.css">
</head>
<body>
    <div class="less1"></div>
</body>
</html>

好了,软件的使用就先到这里,less教程将在下一章开始。

1、koala软件的安装和使用--less教程

标签:软件的安装   网盘下载   image   target   class   get   技术分享   div   demo   

原文地址:http://www.cnblogs.com/webBlog-gqs/p/7174712.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!