css教程

less自定义变量方法

我的站长站 2023-06-13 人阅读

less开发中,less和其他编程语言一样,都有变量的概念,学会less自定义变量可以节省很多开发时间。

如何自定义less变量

使用符号@ 例如:

@blue:#5B83AD;
@FontSize:16px;

@之后的变量名随意自取,:后面就是变量的值

如何使用less变量

color:@blue
font-size:@fontS

示例:

@fontS:10px;
.content{
font-size:@fontS
}

和正常写CSS方法一样,只是把后面的值换成了变量名。

相关推荐
  • less
  • hbuilderX配置less教程(图文)

    1、菜单栏中依次找到 工具->插件安装2、找到less编译插件,点击右侧安装3、新建一个less文件,然后在该文件上 右键->外部命令/插件->less->插件配置4、在打开的package.json配置文件中找到onDidSaveExecution,设置为true即可5、重启一下HBuilderX软件。...

    经验分享 111 1年前
  • Hbuilder开启less自动编译的方法

    1、我的站长站已经整理好了,直接下载附件,解压到HBuilder编辑器目录 \HBuilder\plugins,下载地址:https://11px.lanzoui.com/ifHbXsaovra2、将less路径添加到系统环境Path变量中 ;D:\Adobe\HBuilder\plugins\lessc,不会的看下图,计算机-右键-属性-高...

    经验分享 82 2年前
  • HBuilderx保存自动编译Less设置方法

    HBuilder是一款非常好用的国产代码编辑器,我的站长站以前一直在用。后来推出了HBuilderx,HBuilder就不更新了,没办法只能换成HBuilderx。试了后发现HBuilderx保存后,不能自动编译Less为CSS,网上找了这篇教程,测试可用,分享给大家。操作步骤1、依次打开,工具-...

    经验分享 64 1年前
最新更新