首页 > 代码库 > web前端基础篇⑥
web前端基础篇⑥
LESS.
①是一种拓展技术,基于css。
②包含变量、混合、函数、运算。
③简化css代码、降低维护成本
④目前用的解析器(koala)
变量(值可变)
@变量名:值
步骤:
①建立文件夹
②建html和less两个文件
③启动koala
④配置路径
⑤输入一部分less-刷新koala
⑥生成用less命名的css文件
⑦在html里面引入的是css文件(不用建css文件)
less里引入文件
@important 可引入{less 可变的/css不可变的。
变量
@变量名:具体的值
混合(mixins)只有3类
class类/id类/元素类。
带参数的混合
.名称(参数){
属性名(参数)
给参数设置默认值(建议不用)
在上面的参数后直接加冒号,固定值
多参数混合
.mixin(@margin,@padding)
web前端基础篇⑥
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。