less转换css及html里面JS的引入

首先下载一个Easy LESS的插件，打开插件的扩展设置，

 在这个选项里面写下面这段代码：

"less.compile": {

"out":"../css/"

},

这段代码的意思是，less生成的css保存在CSS的文件夹里，这样在html 里面引用的时候就好找一些，不会乱七八糟的，在less里面也可以引入别的less 代码如下：1.

@import url(./base.less);

2.

@import:'路径';

rem的换算方式

1.先确定HTML的字体大小，设计稿的页面宽度分成10等份 列：标准稿 375/10

2.测量出像素 /37.5=rem值

在写移动端布局的时候所有测量的数值都要换算成rem的单位，写法如下：

   符号中间要加空格，可以只带一个单位
    width: 100px+100;
    height: 400px-200px;
    border: 5*5px solid #fff;
    除法 第一种：在/前面加小点
    margin: 4px./2;
    除法第二种 ：加括号
    margin-top: (6 / 3px);
    计算rem 写法，单位不同一般以第一个单位为准，所以一般只写后面的单位即可
    padding: (150 / 37.5rem);

学了less之后最开心的是关于选择器，可以不用担心权重不够了，因为他的结构更加清晰，比如后代选择器;

.father {
    .son {
        color: #000;
    }
    兄弟关系
    .son1{
        font-size: 14px;
    }
}

在html里面引入JS 需要用 

 <script src="JS路径里的JS文件"></script>

需要注意的是引入JS ,JS一般放在body的最下面