開始使用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

回答

相關問題