首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
LESS 基础
垂慕容
创建于2024-04-12
订阅专栏
使用 less 让你的前端代码逼格更高!
等 2 人订阅
共7篇文章
创建于2024-04-12
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
1. 初见 Less
Less 是一个 css 的预编译器,可以扩展 css 语言、添加功能,比如变量、混合函数以及一些其他的技术,可以让你的 css 更具维护性、主题性和扩展性。本文是学习 Less 的第一篇笔记。
2. Less 变量
上篇文章介绍了什么是 less。根据上篇文章的介绍,了解到 less 只是一种 css 预编译器,它需要通过编译软件对它进行编译之后生成需要的 css,文件。本文介绍如何正确的使用 less。
3. Less 混合
本文记录了 less 中混合的使用。混合之于 less 犹如函数之于 js。它们在很多方面都非常相似,使用less中的混合可以极大的提升代码复用,进而提高维护性和效率。不仅如此还能提升逼格。
4. Less 嵌套和运算及内置函数
本文主要介绍的是 less 中的嵌套写法;算数运算以及常见的内置函数。其中 & 既是难点又是重点,需要额外留意。
5. Less 命名空间、作用域、import 和 important
本文在前面已经介绍过 less 的 mixin、层叠结构的基础上继续介绍 less 中的命名空间和作用域的知识。而在了解了这两个知识点之后,就可以向 less 中的另外一个重点:import 进发了!
6. Less 条件表达式、循环以及合并属性
本文介绍的是 less 中的条件表达式和循环。这两个概念和混入搭配使用可以极大的提升 less 代码的复用,提升代码的可维护性和通用性。是步入 less 高级使用不可错过的技巧!
7. Less 函数
本文介绍 less 中的常用函数,正是由于这些函数的存在,使得开发者能够更好的使用 less 这一强大的样式工具。熟悉并掌握这些函数能够让你在 less 的使用上更上一层楼!