编程开发 购物 网址 游戏 小说 歌词 地图 快照 股票 美女 新闻 笑话 | 汉字 软件 日历 阅读 下载 图书馆 开发 租车 短信 China
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
移动开发 架构设计 编程语言 互联网 开发经验 Web前端 开发总结
开发杂谈 系统运维 研发管理 数据库 云 计 算 Java开发
VC(MFC) Delphi VB C++(C语言) C++ Builder 其它开发语言 云计算 Java开发 .Net开发 IOS开发 Android开发 PHP语言 JavaScript
ASP语言 HTML(CSS) HTML5 Apache MSSQL数据库 Oracle数据库 PowerBuilder Informatica 其它数据库 硬件及嵌入式开发 Linux开发资料
  编程开发知识库 -> Web前端 -> 如何使用less -> 正文阅读
 

[Web前端]如何使用less[第1页]

1.首先安装node.js
方法:查看我的博客
2.在npm节点上安装less,命令行为
npm -install -g less
3.创建一个.less文件和.hrml文件
.less

.container{
  h1{
    font-size: 25px;
    color: darkorange;
  }
  p{
    font-size: 25px;
    color: cadetblue;
  }

  .myclass{
    h1{
      font-size: 25px;
      color: cornflowerblue;
    }
    p{
      font-size: 25px;
      color: aquamarine;
    }
  }
}

.class1{

  font-size: 30px;
  color: cornflowerblue;
}


.class2{

  font-size: 100px;
  color: aqua;

}

.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body class="container">
    <h1>113144444443</h1>
    <p class="myclass">Less 文件学习</p>
    <div class="class1 class2">test</div>
</body>
</html>

4.运行命令行

lessc style。less style.css

来源https://www.w3cschool.cn/less/less_installation.html
阅读全文
本文已收录于以下专栏:

发表评论
HTML/XML objective-c Delphi Ruby PHP C# C++ JavaScript Visual Basic Python Java CSS SQL 其它
相关文章推荐

less使用教程
2014-04-09 16:47 59KB 下载
LESS 原理及使用方式
简介 CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的...
goinni 2014-12-01 15:20 276 5.less常见使用
less和sass就是使用其他工具将某种格式的文本重新编译成css文件,好处在于方便工程管理、避免写大量的重复内容和利于维护。我们常常使用的方式是:写好less后在本地编译后使用编译后的css文件,虽...
qq_22533095 2016-02-17 17:11 177 LESS CSS 使用说明
使用koala编译 Koala 是一款由国人开发的开源预处理语言图形编译工具,目前已支持 Less、Sass、Compass 与 CoffeeScript。 目前支持以下系统:Windows,M...
myweishanli 2013-11-24 23:57 1073 三种可编译型CSS语言Sass,Less,Stylus的使用感受
花了两天时间学习了 sass, less, stylus的基本语法和简单使用, 谈谈感受. 1.
huyoo 2014-11-12 15:57 8425 [grunt]less插件的使用
说实话用grunt我只用了concat,jshint,less这几个,这里写一下less的基本用法项目里有很多页面,每个页面一个单独的css,所有的less文件是按照 /controller/acti...
qq807081817 2016-01-14 15:06 486 推荐大家使用的CSS&Less书写规范、顺序
1CSS书写顺序 2CSS书写规范 使用CSS缩写属性 去掉小数点前的0 简写命名 16进制颜色代码缩写 连字符CSS选择器命名规范 不要随意使用id 为选择器添加状态前缀 CSS命名规范规则 常用的...
sinat_34056695 2017-07-26 11:30 177 linux-less使用
lessless 工具也是对文件或其它输出进行分页显示的工具,应该说是linux正统查看文件内容的工具,功能极其强大。less 的用法比起 more 更加的有弹性。在 more 的时候,我们并没有办法...
u013350878 2015-05-13 19:43 159 CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation --读书笔记(5)使用放射渐变制作光影效果
阴影效果通常用来表现光线投射在物体上的感觉,如果想制作一个如图5.19所示的文字光影效果,就可以使用背景的线性渐变进行构建。
kgsew 2014-12-16 17:10 937 STL set的使用 less function override < operator
一直没有总结过,每次设计都会出一些问题,要知道STL的报错可不是那么容易看懂的。   假定需要设计的类为Country,各country之类比较的依据是人口population,分析如下:   情形一...
metasearch 2011-04-24 12:31 939
doudou0809 +关注
原创 20 粉丝 3 喜欢 0 码云  
他的最新文章 更多文章
离线安装grunt angularjs简单demo(转载,原网址找不到了) 安装MySQL解压版 Java图片文件上传阿里云OSS服务器
在线课程

【免费】搜狗机器翻译技术分享
讲师:

深度学习在推荐领域的应用和实践
讲师:吴岸城
热门文章 安装MySQL解压版
313
js特效之下星星
242
easyui树形菜单制作之二级目录实现
163
easyui树形菜单学习第一步
131
maven 远程仓库连接阿里setting设置
129
0
  Web前端 最新文章
echarts莫名缩小,并且宽度不能更改,生成时
JAVA后台 关于如何从后台传递信息在jsp前端
HTTP协议(二)
阿里云服务器的域名解析解决方案
live-server的安装与使用
HTML播放视频(兼容IE低版本)
windows下配置nginx+php环境
Chorme 开代理后无法打开jsp页面的问题
分布式任务调度平台XXL
作用域
上一篇文章      下一篇文章      查看所有文章
加:2017-10-30 04:00:12  更:2017-10-30 04:00:24 
VC(MFC) Delphi VB C++(C语言) C++ Builder 其它开发语言 云计算 Java开发 .Net开发 IOS开发 Android开发 PHP语言 JavaScript
ASP语言 HTML(CSS) HTML5 Apache MSSQL数据库 Oracle数据库 PowerBuilder Informatica 其它数据库 硬件及嵌入式开发 Linux开发资料
360图书馆 软件开发资料 文字转语音 购物精选 软件下载 美食菜谱 新闻资讯 电影视频 小游戏 Chinese Culture 股票 租车
生肖星座 三丰软件 视频 开发 短信 中国文化 网文精选 搜图网 美图 阅读网 多播 租车 短信 看图 日历 万年历 2018年6日历
2018-6-21 8:57:40
多播视频美女直播
↓电视,电影,美女直播,迅雷资源↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  编程开发知识库