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

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

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

"less.compile": {

"out":"../css/"

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

@import url(./base.less);

@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的最下面

less转换css及html里面JS的引入相关推荐

metinfo 添加css,米拓7.1如何引入css和js
目前米拓已经更新到7.1版本了,以往,米拓引入css文件和js文件都是操蛋的一批,只能通过metinfo.css.和metinfo.js文件引入,一大堆代码都在里面.对于标签模板二次开发非常不友好.不 ...
webpack配置：css文件打包、JS压缩打包和HTML文件发布
一.CSS文件打包 1.在src下新建css文件,在css文件下新建index.css文件,输入以下代码 body{color:red;font-size:20px; } 2.css建立好后,需要引入 ...
js自动引入js,css_js中的css调查
js自动引入js,css Expedia Group Technology -软件 (EXPEDIA GROUP TECHNOLOGY - SOFTWARE) TLDR: Using a Gatsby ...
yii引入php文件,Yii2框架中CSS、JS文件引入要领_PHP开发框架教程
在yii2中,因为yii2版本升级致使了,许多yii2的用法跟yii1有着很大的区分,这几天一直在view层的视图界面徜徉着,碰到什么问题呢? (引荐进修:yii框架) 问题就是搞不清我该怎样去引入C ...
前端进阶 -css的弱化与js的强化（11）
为什么80%的码农都做不了架构师?>>> web的三要素html, css, js在前端组件化的过程中,比如react,vue等组件化框架的运用,使html 的弱化与 js 的 ...
[css] 鼠标事件css的:hover和js的mouseover有什么区别？
[css] 鼠标事件css的:hover和js的mouseover有什么区别? JavaScript中鼠标事件有:onmouseover和onmouseout: 当鼠标移入和移出时触发事件onmous ...
[css] 除了可以用js跟踪用户信息外，如果不用js，使用纯css怎么做呢？
[css] 除了可以用js跟踪用户信息外,如果不用js,使用纯css怎么做呢? 可以利用 css 的伪类 :hover :active :focus 之类的监听用户行为,然后给指定的url 发送请求. ...
python博客下载本地文件_解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了...
1.今天网上下载一个博客项目,发现本地访问,js,css加载不了. 我想应该是项目上线的安全措施,但是我想调试项目.找到方法如下在settings.py里面编辑添加 STATICFILES_DIR ...
关于css外链和js外链的位置
为什么外链css为什么要放头部? css的下载解析是可以和html的解析同步进行的,如果放到尾部,还需要花费多余的时间来解析,并且浏览器会解析一个没有样式的页面,等css加载完之后再渲染一个有样式的页 ...
html、css、vue、js在VsCode中代码格式化（代码自动调准为标准格式）
目录一.安装以下几个 vscode 扩展程序: 例如二.打开 settings 文件三.将下面配置添加到 setting.json 文件中一.安装以下几个 vscode 扩展程序: ESLin ...

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

less转换css及html里面JS的引入相关推荐

最新文章

热门文章