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

  • 相关阅读:
    本周开发工作时间及内容
    自我介绍
    代码规范
    结对编程
    第二周总结
    20140227WPF学习笔记
    约瑟夫问题
    模式匹配KMP算法
    .NET开发之窗体间的传值转化操作
    北达软TOGAF9鉴定级别认证考试通知 北达软
  • 原文地址:https://www.cnblogs.com/xiaofenguo/p/6492008.html
Copyright © 2011-2022 走看看