開始使用LESS

Question

我對網頁設計非常陌生...好吧，現在已經不存在了，我在哪裏可以在LESS/CSS框架中聲明變量？

我正在使用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> 

不能迫不及待地開始進行賦值給變量，但我只是不知道在做這個是什麼文件？

謝謝大家！

Answer 1

你在少文件中做！之前包括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文件在你的頁面中。

這樣我就不必在工作之前進行部署之前運行轉換。