关键词：
目录
less文档
链接: link.
less学习笔记
less基础
注释
/**/看得见的注释，//看不见的注释
变量
用@符号定义变量，用@变量引用语法糖（不常用）
变量的延迟加载（重点）
less的嵌套规则
1.基本嵌套
2.&的使用（平级）
less的混合
混合就是将一系列属性从一个规则集引入到另一个规则集的方式
普通混合
<div class="content">
<div class="one"></div>
<div class="two"></div>
</div>
带参数的混合
带默认值的混合
命名参数
匹配模式
<div class="sjx">
<div class="shang"></div>
<div class="xia"></div>
<div class="zuo"></div>
<div class="you"></div>
</div>
arguments变量
less运算
一方带单位即可
less继承
性能比混合高，灵活度比混合低
<div id="wrap">
<div class="inner">
inner1
</div>
<div class="inner">
inner2
</div>
</div>
采用继承extend
想要继承全部的状态在后面加上all
less避免编译
加入~“”可避免编译
less学习笔记(代码片段)
目录less文档less学习笔记less基础注释变量变量的延迟加载（重点）less的嵌套规则less的混合普通混合带参数的混合带默认值的混合命名参数匹配模式arguments变量less运算less继承less避免编译less文档链接:link.less学习笔记less基... 查看详情
less学习笔记
视频教程地址：http://www.imooc.com/learn/102 一、什么是Less css的Less好比是js的Jquery，可以让人们更方遍快捷的使用css，使css代码更简洁，可以减少重复的代码，减少开发人员的工作量。 LessCSS是一种动态样式语言，属于C... 查看详情
less学习笔记--nestedrules（嵌套规则）
Less嵌套规则模仿了HTML结构，这样写可以让代码更简洁、更具层次感，上一小段代码先了解下Less代码：#header{ color:black; .navigation{ font-size:12px; } .logo{ &nb 查看详情
antdesignofvue@1.7.8学习笔记(vue2版本)(代码片段)
0.相关库版本Vue2.6.14core-js3.8.3ant-design-vue1.7.8babel-plugin-import1.13.5less3.13.1less-loader10.0.01.组件按需引入安装依赖npminstallant-design-vue@1.7.8//按需引入npminstallbabel-plugin-import-D配置babel//babel.config.jsmodule.exports=presets:['@vue/cli-plugin... 查看详情
less学习(代码片段)
less——css预处理器引入<linkrel="stylesheet"href="lib/honeySwitch.css"><linkrel="stylesheet/less"href="lib/honeySwitch.less">//css名改less<scriptsrc=" 查看详情
less学习二---变量(代码片段)
less中声明的变量可以存储css属性值，还可以存储选择器，属性名，url以及@imporant等变量声明及赋值格式：@variableName:varableValue;//属性值//less//变量@pink:pink;.contentcolor:@pink;编译成.contentcolor:#ffc0cb;//pink//选择器@selector:content;[email 查看详情
less学习笔记--variables（变量）
几个学习Less的网站：（主体内容都差不多）http://www.bootcss.com/p/lesscss/http://www.lesscss.net/http://www.css88.com/doc/less/features/关于Less的安装方法有很多介绍，这里出于学习方便，使用 Koala 工具650)this.width=650;"src="http://s1.5 查看详情
less学习笔记(未完待续)
...法，而且连新增的特性也是使用CSS语法。这样的设计使得学习Less很轻松，而且你可以在任何时候回退到CSS（摘自官网）1.变量 Less通过@来定义变量；Less中的变量为完全的常量，所以只能被定义一次 @base:#f938ab; &nbs... 查看详情
less学习(代码片段)
变量：a.简单变量：a-1.定义：@color:red;a-2.使用：bodycolor:@color;b.复杂变量：b-1.定义：@mix:color:red;background:blue;;//此处末尾有分号b-2.使用：body@mix();条件表达式：a.用在根目录：@bool:true;&when(@bool=true)bodycolor:red;& 查看详情
less学习笔记
编译工具：koala（中国制造）中文网：http://old.lesscss.net/article/document.html1.less是什么？less是css一种动态样式语言，属于css预处理语言的一种，它使用类似css的语法，为css赋予了动态语言的特征，如变量、继承、运算、函数等，更... 查看详情
less快速学习(代码片段)
写在前面：大概写这么个意思哈，注释样式什么的大家忽略掉哈哈哈1变量eg:@test_width:300px.boxwidht:@test_width;htight:@test_width;2混合.borderborder:1pxsolidpink;.boxwidht:@test_width;htight:@test_width;.border;//混合--带参数.border2（@bo 查看详情
sql注入从入门到进阶：sqli-labs靶场通关笔记(代码片段)
目录环境搭建显错SQL注入基本步骤（以Less-1为例）1）判断类型2）构造闭合3）查询字段数4）显位5）爆库6）爆表7）爆列8）爆值Less-2Less-3Less-4Less-5updatexml报错Less-6Less-7写马Less-8布尔盲注1）... 查看详情
less学习笔记--mixins（混合）一
混合：混合可以将一个定义好的classA轻松的引入到另一个classB中，从而简单实现classB继承classA中的所有属性。任何CSS中的class或者id都可以引入Less：.aWidth{width:400px;}#aHeight{height:600px;}p{ .aWidth; #aHeight;}CSS：.aWidth ... 查看详情
less学习笔记--mixins（混合）二
高级参数和@reset变量如果你希望你的mixin接受数量不定的参数，你可以使用“...”。在变量名后面使用它，它会将这些参数分配给变量.mixin(...){/*接受0到N个参数*/}.mixin(){/*不接受任何参数*/}.mixin(@a:1){/*接受0到1个参数*/}.mixin(@a:1;..... 查看详情
less快速入门(代码片段)
...成CSS样式的Less.js工具。因为Less和CSS非常像，因此很容易学习。而且Less仅对CSS语言增加了少许方便的扩展，这就是Less如此易学的原因之一。有关Less语言特性的详细文档，请参 查看详情
typescript教程#16：ts+webpack+less实现贪吃蛇小游戏(代码片段)
说明尚硅谷TypeScript教程（李立超老师TS新课）学习笔记。贪吃蛇源码笔记：https://github.com/kaimo313/typescript-demo/tree/main/greedy-snake项目搭建我们以demo3的项目为基础，可以复制一份过来在这个基础上添加less相关的处理n... 查看详情
typescript教程#16：ts+webpack+less实现贪吃蛇小游戏(代码片段)
说明尚硅谷TypeScript教程（李立超老师TS新课）学习笔记。贪吃蛇源码笔记：https://github.com/kaimo313/typescript-demo/tree/main/greedy-snake项目搭建我们以demo3的项目为基础，可以复制一份过来在这个基础上添加less相关的处理n... 查看详情
移动web开发之less基础(代码片段)
今天学习less基础相关内容。本篇目录一、维护css弊端二、less介绍三、Less安装（注意如果使用vscode不需要安装less）Less使用3.1Less变量3.2Less编译3.3Less嵌套3.4Less运算一、维护css弊端CSS是一门非程序式语言，没有变量、函... 查看详情