zoukankan      html  css  js  c++  java
  • less 使用入门

    LESSS是基于JavaScript,所以,是在客户端处理的。

    使用less很简单:

    1 下载less.js

    2 新建less文件后缀名称是.less

    3 在页面中引入less文件,跟引入普通的css的是一样的,区别:rel=stylesheet/less    css是stylesheet/css 

    4 在less文件的下方引入less.js ,ps:less.js一定要在style.less样式文件之后引入

    需要特别注意的是,由于浏览器端使用时是使用ajax来拉取.less文件,因此直接在本机文件系统打开(即地址是file://开头)或者是有跨域的情况下会拉取不到.less文件,导致样式无法生效。

    为了避免客户端是不支持js引起的问题,可以使用下面的方法:

    在本地使用less.js与less文件进行样式的编写,在项目完成之后,可是使用node.js对less文件进行编译,生成css文件,在项目中直接引入css文件就可以了

    步骤:

    1 安装node.js node.js中有自带的npm node.js安装完之后就可以使用npm安装相应的环境

    2 安装完之后 node -v查看node的版本     npm  -v 查看npm的版本

    3 安装 less npm install -g less(全局安装less) less npm install -d less (在D盘安装less)

    4 lessc style.less style.css(在style.less的目录下生成css文件)

  • 相关阅读:
    在C#中使用消息队列RabbitMQ
    从url到页面经历了什么
    jsonp跨域远离
    DNS预处理
    一个架构师需要考虑的问题
    angular2和Vue2对比
    图片多的问题
    xinwenti
    xss和csrf
    ajax是什么
  • 原文地址:https://www.cnblogs.com/xiaofenguo/p/6492008.html
Copyright © 2011-2022 走看看