我是网页设计的新手...好吧,既然已经讲完了,我应该在 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>
迫不及待地想开始为变量赋值,但我不确定要在哪个文件中执行此操作?
谢谢大家!
最佳答案
你在你的 less 文件中做!
sample.less
@font_color: #666;
@font_size: 15px;
body {
color: @font_color;
font_size: @font_size;
}
然后你包括这个.less
文件:
<link rel="stylesheet/less" type="text/css" href="sample.less">
<script src="less.js" type="text/javascript"></script>
在包含 less.js
之前文件。
仅供引用,我发现它实际上是一个更好的模型来连接一些东西,这样每次你保存你的 .less
编辑器中的文件,它使用节点 lessc
编译它编译器变成 .css
文件,你只需包含那个 .css
在您的页面中提交文件。
这样我就不必在工作中进行部署之前运行转换。
关于css - 开始使用 LESS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9368669/