简单了解less

// out: ../css/
//记得在vscode装easy less插件
// 1.单行注释快捷键ctrl+/;块注释: shirt+alt+A用户看得见,less的注释
/* 2.加减乘除,less单位不参与计算,css带单位计算,所以写一个就行,写多了,
以第一个为主,除法要带括号,(./也可以,目前vscode不支持 */
.box {
    // width:150px./3 ;
    width: (150px/3);
}
//3.嵌套写法,这里就不

/* 
    4.定义:
    @t_color: red;
    @自定义的变量名: 值;
    注意 结尾必须有分号
    使用:
    在任意需要的地方直接书写自定义的变量名即可 使用时也需要带上@
*/

/* 
    4.语法:out: 导出路径/    
    只能用单行注释写在第一行
    (看第一行)
*/
/* 
   5 导入语法:
    @import "要导入的less文件路径";
    注意:
    1. 和变量语法极其类似,注意区分
    2. import 后面是空格 是空格 是空格 不是冒号 不是等号
    3. 导入的只能是less文件,如果路径有误,则无法编译
    4. 后缀名.less可省略
    5. 当A.less文件导入了B.less文件,在B.less文件修改了,需要在A.less中再次保存,才能编译到css文件中。
*/

/* //6.
out: flase;写在第一行,禁止导出,多个写在第一行,用,隔开
 */

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值