bootstrap 之 LESS

原创 2013年12月02日 22:04:30

LESS优点

1.代码量减少

2.CSS 管理更方便,更换网站的样式,只需改个全局配置

3.学习成本不高

4.LESS实现配色容易

参考网站

1.官方网站:http://lesscss.org/(需翻墙)

2.LESS中文网站:http://www.lesscss.net/article/home.html

在线编译工具

开源中国提供的 http://tool.oschina.net/less

SimpLess

可跨平台使用

WinLess

windows下GUI界面的开发工具

Crunch

Adobe开发的LESS编辑器

如何使用LESS

通过在线定制LESS,提前生成CSS文件,以提高页面响应速度

客户端使用LESS

1.下载less.js,可在https://github.com/less/less.js/zipball/master 下载压缩版

服务器端使用LESS

安装python2.6或者更高版本
apt-get install g++ curl libssl-dev apache2-utils
apt-get install git
git clone git://github.com/joyent/node.git
cd node
git checkout v0.6.12
mkdir ~/local
./configure -prefix=$HOME/local/node
make
make install
echo 'export PATH=$HOME/local/node/bin/:$PATH' >> ~/.profile
echo 'export NODE_PATH=$HOME/local/node:$HOME/local/node/lib/node_modules' >>
~/.profile
source ~/.profile




bootstrap-loader使用过程中遇到的几个坑爹问题

这几个问题确实让我很费脑子,所以单独写了一个博客,希望以后能给自己长记性。 问题1:extract-text-webpack-plugin找不到 ModuleNotFoundError: Modu...
  • liangklfang
  • liangklfang
  • 2017年05月16日 15:46
  • 1198

bootstrap 不得不说的less

什么是LESSCSS LESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。 LE...
  • huangbin10025
  • huangbin10025
  • 2014年04月10日 20:09
  • 2012

安装Nodejs、npm、Less(支持生成压缩后的css)

前言最近深入了解Bootstrap,顺便将Nodejs、npm、Less、Grunt等相关程序的安装梳理了一遍,写一几篇博文记录下,待需要时查找方便。正式动手安装Nodejs和npm1.到https:...
  • lhtzbj12
  • lhtzbj12
  • 2017年02月05日 18:54
  • 3282

《CSS高效开发实战—CSS 3、LESS、SASS、Bootstrap、Foundation》-必须收藏版

  • 2014年09月25日 15:20
  • 860KB
  • 下载

CSS高效开发实战—CSS 3、LESS、SASS、Bootstrap、Foundation源代码

  • 2015年12月22日 10:30
  • 5.2MB
  • 下载

CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation --读书笔记(3)线性渐变

CSS 3加入了渐变效果,大大降低了网页对图片的依赖,最明显的就是现在的网站凸起效果的按钮几乎都不再采用图片,而采用更容易修改、带宽占用更小的渐变效果来实现。渐变应用的关键词是gradient,翻译过...
  • kgsew
  • kgsew
  • 2014年12月04日 13:50
  • 1169

bootstrap 不得不说的less

什么是LESSCSS LESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。 LE...
  • huangbin10025
  • huangbin10025
  • 2014年04月10日 20:09
  • 2012

BEM,SASS,LESS,bootstrap:如何有效地将这些方法,工具和框架聪明地整合?

https://medium.com/@andersonorui_/bem-sass-and-bootstrap-9f89dc07d20f Bootstrap是一个“HTML,CSS和Javascr...
  • matiascx
  • matiascx
  • 2017年07月31日 10:31
  • 399

CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation --读书笔记(5)使用放射渐变制作光影效果

阴影效果通常用来表现光线投射在物体上的感觉,如果想制作一个如图5.19所示的文字光影效果,就可以使用背景的线性渐变进行构建。...
  • kgsew
  • kgsew
  • 2014年12月16日 17:10
  • 998

修改 bootstrap :用 less 来写 css

【转载说明】 我在学习Bootstrap框架的时候,遇到了一个关于修改“@grid-float-breakpoint”变量的问题,本以为可以在bootstrap.css(或是bootstrap.js...
  • zxb0075
  • zxb0075
  • 2014年04月07日 19:28
  • 3247
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:bootstrap 之 LESS
举报原因:
原因补充:

(最多只允许输入30个字)