less基本知识

less 是一门css预处理语言,他扩充了css语言,增加了诸如变量,混合,函数功能,让css更易于维护,方便制作主题。

编译工具使用koala

link中的rel:rel 属性规定当前文档与被链接文档之间的关系。stylesheet表示一个样式表(顺便写一下)

less中可以使用/**/ 和//两种注释(/**/会被编译到css中//注释不会被编译在css中)

less中定义变量 @a:b(a表示变量的名字,b表示变量的值,到时候出现a的地方直接用b替代,b也不用加引号)

less中的混合:可以将一个已经写好的样式a写入另一个样式b中,这样将a的样式写入b中。样式后面可以带参数如a(@c){},参数可以有默认值如a(@c:10px){}

less中的匹配模式:相当于判断语句如 a(b){},a(c){},是两种样式定义,当写成a(b)时调用前一个,a(c)时调用后一个,a(@_)表示所有a样式的通用样式(所有a中都包括a(@_))

less中的运算想@a:100px,可以直接让@a+10变为210px。但感觉less并不认识单位,知识简单的将前面的数值进相加,如让@a:100x(也就是单位写错了),@a+10也会变成210x.

less中的嵌套将一个样式写在另一个样式内,表示嵌套 如:a(){b(){}}表示a中的b的样式。a(){&:hover{}}表示a的hover样式,&表示上一级的元素。

less中的@arguement代替样式的所有默认参数。

less中的~可以避免编译 如果~300px-30px,编译后的css中还是300px-30px,不然就会变成270px.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值