开始使用LESS

我对网页设计非常陌生...好吧，现在已经不存在了，我在哪里可以在LESS/CSS框架中声明变量？开始使用LESS

我正在使用NetBeans IDE 7.0.1 我也使用Bootstrap 2.0（不知道这是否重要）。我从lesscss.org下载了最新版本的LESS，但它只下载缩小版本。

这里是我的链接和脚本标记在头：

<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"> 
<link rel="stylesheet" type="text/css" href="css/realcardio.css" media="all"> 
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script> 
<script type="text/javascript" src="js/Main.js"></script> 
<script type="text/javascript" src="bootstrap/js/less-1.2.1.min.js"></script>

不能迫不及待地开始进行赋值给变量，但我只是不知道在做这个是什么文件？

谢谢大家！

来源

2012-02-20 Derek

在您深入浅出之前，我会先在简单的旧css中获得一个体面的基础。 – Maess 2012-02-20 21:32:02

你在少文件中做！之前包括less.js文件

<link rel="stylesheet/less" type="text/css" href="sample.less"> 
<script src="less.js" type="text/javascript"></script>

：

sample.less

@font_color: #666; 
@font_size: 15px; 

body { 
    color: @font_color; 
    font_size: @font_size; 
}

然后你包含这个.less文件。

仅供参考，我觉得它实际上是一个更好的模型，这样每次保存.less文件在编辑器中挂钩的东西，它使用节点lessc编译成一个.css文件编译它，你只包括.css文件在你的页面中。

这样我就不必在工作之前进行部署之前运行转换。

来源

2012-02-20 21:37:08 tkone

正如上面提到的评论者所说，如果你不了解CSS，那么LESS * IS * CSS就会遇到困难。它只是提供了一些省时的功能，但你仍然在纯CSS中输入大部分内容...... – tkone 2012-02-20 21:39:26

感谢tkone。我得到了它的工作。使用NetBeans，您必须在查看更改之前停止/启动项目。浏览器的简单刷新将无法完成。我会研究你提到的编译器选项。我在Windows环境下工作。再次感谢... – Derek 2012-02-20 22:35:10

你想接受答案吗？节点和为此节点都在Windows下运行。 – tkone 2012-02-21 03:38:34

开始使用LESS

回答

相关问题