Less的一些基本知识

less的基本知识

LESS 是动态的样式表语言，通过简洁明了的语法定义，使编写 CSS 的工作变得非常简单。

其实less就是定义了另一种规则,添加了变量，混合（函数）等等，然后通过额外编译器来根据这种规则来编译成生成css文件。

好，不bibi了，这几天上慕课网学了less的基本语法，现在来做个总结：

1.编译工具：

koala（考拉）编译器。（当然还有其他webstorm 等等）

2.语法：

一:注释

less中的注释有两种，一个是css里的/**/,还有一种//,第一种/**/是可以通过编译器编译进css文件里。换言之，如果你只想在less里面注释就用//，需要把注释都加进css文件的话就用/**/

生成的css文件:

二:变量:

less里添加了变量，定义符号为@，和java等等编程语言的用法一样，但注意，这个变量只能是在less中使用，在css文件里就会被编译成具体的数值，就比如：

然后生成的css文件

三：混合（相当于函数）

less中的混合其实就和函数差不多，如

就是可以带参数和不带参数，还可以订制参数默认值

.bc(@a:220px){height:@a;}

四：匹配模式（类似if）

生成的css文件

其实也就是有多个相同的混合，根据其中的一个或多个参数来确定调用哪个混合

五：嵌套（可以在类里写标签）

但注意：最好不要嵌套超过三层

六：运算（可以进行+-*/运算）

七：避免编译：~'

八：!important(优先级）

基本的less总结，希望能帮到大家，另外放慕课网的less学习链接上来，需要的看官可以传送

http://www.imooc.com/course/list?c=sassless

转载于:https://blog.51cto.com/9053753/1877114

Less的一些基本知识相关推荐

数据算法算力知识反绎学习
2020 年 8 月 7 日,全球人工智能和机器人峰会(CCF-GAIR 2020)正式开幕.CCF-GAIR 2020 峰会由中国计算机学会(CCF)主办,香港中文大学(深圳).雷锋网联合承办,鹏城 ...
知识蒸馏(Knowledge Distillation)详细深入透彻理解重点
知识蒸馏是一种模型压缩方法,是一种基于"教师-学生网络思想"的训练方法,由于其简单,有效,在工业界被广泛应用.这一技术的理论来自于2015年Hinton发表的一篇神作: 论文链接 ...
word2vec 中的数学原理详解（二）预备知识
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/peghoty/article/details/37969635 https://blog.csdn. ...
Deeplearning知识蒸馏
Deeplearning知识蒸馏 merge paddleslim.dist.merge(teacher_program, student_program, data_name_map, place, ...
知识图：从图和数据库中获取知识
知识图:从图和数据库中获取知识知识图到底是什么,以及关于它们的所有炒作是什么?如果想成为世界各地的Airbnbs,Amazon,Google和LinkedIn,那么学会区分真实的炒作,定义不同类型的 ...
嵌入式Linux的OTA更新，基础知识和实现
嵌入式Linux的OTA更新,基础知识和实现 OTA updates for Embedded Linux, Fundamentals and implementation 更新的需要一旦嵌入式Li ...
2021年大数据ZooKeeper（一）：ZooKeeper基本知识
目录 Zookeeper基本知识 ZooKeeper概述 ZooKeeper特性 ZooKeeper集群角色 Leader: Follower: Observer: Zookeeper基本知识 Zoo ...
ZooKeeper简介和概念知识
1. 简介 ZooKeeper是一种分布式协调服务,用于管理大型主机.在分布式环境中协调和管理服务是一个复杂的过程. ZooKeeper通过其简单的架构和API解决了这个问题.ZooKeeper允许开 ...
经纬度绘图_【知识科普】地形图图例汇总，测绘人识图绘图必备（含dwg版下载）...
地形图(topographic map)指的是地表起伏形态和地理位置.形状在水平面上的投影图.具体来讲,将地面上的地物和地貌按水平投影的方法(沿铅垂线方向投影到水平面上),并按一定的比例尺缩绘到图纸上 ...
android Canvas 最基础知识总结
学习Canvas 要先学习view 知识,这样才好学习第一步创建一个方法让它继承 View 如下图然后快捷键ait+/ 生成构造方法, 用来初始化View ,比如自定一个一些init()方法, ...

Less的一些基本知识

Less的一些基本知识相关推荐

最新文章

热门文章