上篇：less的嵌套规则 本篇我们来讲述一下什么是混合（mixin） 混合简单的理解就是把一个css规则嵌入到另一个css规则中，那么这该怎么理解学习呢？我们先来看一下一个简单的混合 .a, #b { color: red; } .mixin-class { .a(); } .mixin-id { ...
分类：
其他好文 时间：
2020-06-17 23:33:56
阅读次数：
63
上一篇：less变量 上篇主要讲述了less的变量的基本使用，本篇我们来讲解下less的一个常用规则，那就是嵌套了（老套娃了），这个使你在使用css的时候能够用起来非常方便和爽（爽就对了） 那么什么是嵌套呢，我们首先看一个例子： <header class="page-header"> <h1 cl ...
分类：
其他好文 时间：
2020-06-16 23:44:41
阅读次数：
99
一、什么是less less是css的扩展。他扩展了变量、mixin、函数等功能，使得css代码写的更有效率、更爽（哈哈），本篇主要先介绍less的变量 二、less的变量 相信在写css的时候，你总会发现，你某些属性的值一直都是重复的，例如系统的背景颜色、logo的地址等等， 因此通过less 的 ...
分类：
其他好文 时间：
2020-06-16 01:03:44
阅读次数：
62
Less ====== 常见的预处理语言：Less Sass Stylus Less学习 使用 Less 的方式 页面引入js代码文件解析 1、 我们可以直接在客户端使用 .less（LESS 源文件），只需要从 http://lesscss.org下载 less.js 文件，然后在我们需要引入 L ...
分类：
其他好文 时间：
2019-12-27 21:41:12
阅读次数：
945
less——css预处理器 引入 `` `` // css名改less // 引这句代码(写在head里) 引用 在一个less里引用另一个less 编译 编译转换：less == css 编译工具 koala：http://koala app.com/ 定义变量 @ 延迟加载，作用域 作用域：一个 ...
分类：
其他好文 时间：
2019-05-02 00:10:19
阅读次数：
128
less中声明的变量可以存储css属性值，还可以存储选择器，属性名，url以及@imporant等 变量声明及赋值格式：@variableName : varableValue ; //属性值 编译成 //选择器 一定要把定义的选择器变量名放在{}里面，并在花括号的前面加@ //url 在定义url ...
分类：
其他好文 时间：
2018-08-22 15:00:29
阅读次数：
127
最近在写css的时候，发现自己写的css特别长，觉得自己写的特别low，所以为了加快自己的开发效率，又重新温习了less，下面就是我学习less的过程。 less是不能被浏览器识别的，要转换成css，有两种方式： 1、硬转换less.js：https://raw.githubusercontent. ...
分类：
其他好文 时间：
2018-07-15 22:16:23
阅读次数：
189
变量：a.简单变量：a-1.定义：@color:red;a-2.使用：body{color:@color;}b.复杂变量：b-1.定义：@mix:{color:red;background:blue;};//此处末尾有分号b-2.使用：body{.@mix();}条件表达式：a.用在根目录：@a:true;&when(@a=true){body{color:red;}}&when(
分类：
其他好文 时间：
2018-04-06 12:27:33
阅读次数：
128
作为 CSS 的一种扩展，Less 不仅完全兼容 CSS 语法，而且连新增的特性也是使用 CSS 语法。这样的设计使得学习 Less 很轻松，而且你可以在任何时候回退到 CSS（摘自官网） 1.变量 Less通过@来定义变量；Less中的变量为完全的常量，所以只能被定义一次 @base: #f938 ...
分类：
其他好文 时间：
2017-12-30 19:11:04
阅读次数：
152
less注释 可以在代码中使用块样式（/* */）和行内注释(//)，但是当编译LESS代码时，单行注释不会显示在CSS文件中。开发中主要维护的是less文件，所以可以使用行内注释，最终编译的css文件中不会有注释。 less变量 LESS允许使用 @ 符号定义变量。 变量分配使用冒号(:)完成。例 ...
分类：
其他好文 时间：
2017-09-16 23:24:44
阅读次数：
195
