1.rem 适配:能够使用 rem 单位设置网页元素的尺寸

rem 单位

  • 相对单位
  • rem 单位是相对于 HTML 标签的字号计算结果
  • 1rem = 1HTML 字号大小
  • 常用视口(1/10
@media (媒体特性) {
    选择器 {
    CSS属性
    }
}
@media (width:320px) {
    html {
    font-size: 32px;
    }
}

2.less 语法

* less 嵌套写法生成后代选择器

  • 作用:快速生成后代选择器
.父选择器 {
    //父选择器样式
    .子选择器 {
    //子选择器样式
    }
}
  • 目标:能够使用 less 变量属性值
  • 语法

    • 定义变量:@变量名: 值;
    • 使用变量:CSS 属性: @变量名;
@color: pink;

.box {
    color: @color;
}
  • 导入
// 如果less文件,可以省略后缀.less
@import 'base.less';
@import 'base';
  • 导出
// out: ./css/imdex.css
// out: ./css/
  • 禁止导出
// out: false
最后修改:2021 年 10 月 08 日
谢谢老板打赏