四时宝库

程序员的知识宝库

Less基本操作(less详解)

变量

混合

嵌套

运算

函数

命名空间

作用域

引入

你不知道的Less:使用Less生产原子化CSS!

前言

本文旨在介绍如何使用Less语言手写CSS的原子化工厂。如果你有意向在项目中引入原子CSS

什么是原子化CSS?

Less 简介(less -n)

概念

Less 是 css 预编译器,可以扩展 css 语言,添加功能,比如变量、混合、函数和许多其他的技术,让 css 更具维护性、主体性和扩展性。

Less官方网址:http://www.lesscss.org

注释:

  • // ,不会被便有到 css 文件中
  • /**/ ,会编译到 css 文件中

变量(variables)

Less 循环(循环circulation)

本节我们学习 Less 中的循环 (Loop),循环在编程语言中应该是很常见的,一般编程语言中都有循环,例如在 JavaScript 中有 for 循环、while 循环等,但是在 Less 中没有这两种语法,而是通过自身调用来实现循环。

循环的使用

在 Less 中,混合可以调用它自身,当一个混合递归调用自身,再结合 guard 表达式和模式匹配这两个特性,就可以写出循环结构。

<< < 1 2 >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接