less安装与使用

摘要:
less安装与使用定义:Less是一门CSS预处理语言,Less可以运行在Node或浏览器端。

less安装与使用

定义:Less 是一门 CSS 预处理语言,Less 可以运行在 Node 或浏览器端。

优点:

1、可以运行在Node或浏览器端,

2、增加了变量、Mixin、函数等特性

3、使css更加维护和扩展。

4、结构清晰,便于扩展

5、可以方便地屏蔽浏览器私有语法差异

6、可以轻松实现多重继承

7、完全兼容 CSS 代码,可以方便地应用到老项目中

安装过程

1、NodeJ运行LESS示例要下载NodeJ并安装。请打开链接 https://nodejs.org/en/ 

2、在集成终端 npm install -g less;

3、运行lessc style.less style.css 报错,则需要以管理员身份运行上面的代码 set-executionpolicy remotesigned 即可解决

4、转换:lessc style.less style.css

<!doctype html>
<head>
	<link rel="stylesheet" href="http://t.zoukankan.com/style.css" type="text/css" />
</head>
<body>
	<h1>Welcome to W3Cschool</h1>
	<h3>Hello!!!!!</h3>
</body>
</html>
@primarycolor: #FF7F50;
@color:#800080;
h1{
color: @primarycolor;
}
h3{
color: @color;
}

免责声明:文章转载自《less安装与使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Odoo 模型之间的关系 笔记SkyWalking8.3.0安装下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS 控制滚动条样式

在360浏览器中设置滚动条隐藏样式 以下 可直接实现隐藏功能 1 ::-webkit-scrollbar {/*隐藏滚轮*/ 2   display:none; 3 } 如果要兼容 PC 其他浏览器(Firefox 、IE6、IE8、Google等)设置滚动条隐藏样式,在容器(div)外面再嵌套一层overflow:hidden内部边框宽高限制尺寸和外...

CSS媒体查询

格式(style:{})元素设置: body{background-color:#0033FF; } /*媒体查询:当页面宽度最大为960px时*/@media screen and (max- 960px){ /*body背景颜色为*/body{ background-color:#FF6699...

css3 背景渐变

在没有了解css也可以做背景渐变以前,我都是通过PS一张背景渐变的图片来应用到自己所做的网页中。然而,在前不久我了解到css3也可以做背景渐变后,想要做背景渐变的效果就很容易了许多,下面是一些css3做背景渐变的方法。 一.线性渐变 //自上而下的线性渐变div{ 400px; height:100px; padding:5px; border:1px s...

webpack入门(转载)

     阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,如果你对webpack感兴趣,本文中有一个贯穿始终的例子,如果你能把这个例子...

less的基本用法

Less也是一种动态样式语言. 对CSS赋予了动态语言的特性,如变量,继承,运算, 函数. Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox),也可在服务端运行 (借助 Node.js)。 使用方式 两种使用方式:第一种全局安装less,利用命令编译less;第二种直接引入less.js. npm安装 npm instal...

PHP操作Redis数据库常用方法

Redis是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库,并提供多种语言的API。 Redis支持的数据类型有 Stirng(字符串), List(列表), Hash(字典), Set(集合), Sorted Set(有序集合); 要让php能用上redis,首先就得安装redis扩展。 1.安装re...