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文件)

  • 相关阅读:
    python zip,lambda,map函数
    TKinter Scale
    TKinter Radiobutton
    TKinter Listbox
    TKinter Entry 和 Text
    TKinter Label 和 Button
    python中global的用法
    收不到github认证邮件
    IDEA中文显示字体混乱
    使用码云加速下载github项目
  • 原文地址:https://www.cnblogs.com/xiaofenguo/p/6492008.html
Copyright © 2011-2022 走看看