美文网首页
less & sass

less & sass

作者: 饥人谷_hak | 来源:发表于2017-04-29 13:50 被阅读80次

什么是less

Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。
Less 可以运行在 Node、浏览器和 Rhino 平台上。网上有很多第三方工具帮助你编译 Less 源码。

less语法

<a href="http://less.bootcss.com/features/">中文文档</a>

1.安装less

$ npm install -g less

2.命令行用法

$ lessc styles.less

使用后的less重定向到你的CSS文件

$ lessc styles.less > style.css

3.watch 用法
安装watch

$ npm install -g watch

使用watch

$ watch "less style.less > style.css"

这样就可以自动重定向

sass

<a href="http://sass.bootcss.com/docs/sass-reference/">中文文档</a>
1.什么是sass
Sass 是成熟、稳定、强大的 CSS 扩展语言。

2.安装sass,安装node版本

$ npm i -g node-sass

相关文章

  • less & sass

    什么是less Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、...

  • less&&sass

    less和sass都属于css预处理语言,它扩充了CSS语言,增加了诸如变量、混合(mixin)、函数等功能,让c...

  • sass/scss/less/css的前世今生

    sass/scss 和 less的区别 一. Sass/Scss、Less是什么? 二. Sass/Scss与Le...

  • Less/Sass

    Less 和 Sass 第一章 Less和Sass简介 Less和Sass都为动态样式表的语言,即css框架,通过...

  • webpack使用2

    Get Started 加载sass、less、stylus 懒加载 1. 加载sass、less、stylus ...

  • 面试必看:less与sass的区别

    less与sass的区别 在介绍less和sass的区别之前,我们先来了解一下他们的定义: 一、Less、Sass...

  • webpack学习

    sass 和 less 都是css的拓展语言,less和sass最主要的区别是less是通过Javascript编...

  • 快速查询文档

    html html5 速查 css css 速查 nec 规范 sass sass less Less font...

  • 关于sass(scss)、less、postcss、stylus

    关于sass(scss)、less、postcss、stylus等的用法与区别 一. Sass/Scss、Less...

  • less与sass的区别

    今天我们来谈谈less与sass的相同点与不同点。 一、less与sass分别是什么 1、less Less 是一...

网友评论

      本文标题:less & sass

      本文链接:https://www.haomeiwen.com/subject/tuhzzttx.html