gulp解决less一条龙服务

所谓gulp对less的一条龙服务是指,由less编译为css,再由css编译为min.css,再由min.css编译为min.css.map

大白话就是Less文件转为css文件,然后将css文件压缩,再然后生成css压缩文件的map文件最后就得到了我们的需要使用的

min文件和一些奇葩浏览器要用到的map文件


gulp的配置如下

var gulp = require('gulp');
var gulp
...

学习下CSS选择器 奇偶匹配nth-child(even)

CSS3伪类选择器:nth-child() 
简单的归纳下nth-child()的几种用法。 
第一:nth-child(number) 直接匹配第number个元素。参数number必须为大于0的整数。
(EG) li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙色*/ 
第二:nth-child(an) 匹配所有倍数为a的元素。其中参数an中的字母...

CSS中最合理ID/CLASS的命名规范

先看一个例子:
.l-123f { color: red; }
  如果你第一次看到这个类名,你能在css文件立刻找到这个class吗?估计很难,因为这个类的名称只是某一个人能理解的符号再没有其他意义,所以这里没有一个准确的方法能够让你立即说出来。

让我们来看下这个类名定义:

.right-red { color:red; }
  你可能很明确的知道这个class选择符的所起的作用。但是这里...

CSS3 Gradient 学习

CSS3发布很久了,现在在国外的一些页面上常能看到他的身影,这让我羡慕已久,只可惜在国内为了兼容IE,让这一项技术受到很大的限制,很多Web前端人员都望而止步。虽然如此但还是有很多朋友在钻研CSS3在web中的应用,为了不被淘汰,我也开始向CSS3进发,争取跟上技术的前沿。从现在开始我会不断的发布一些CSS3的应用,和大家一起分享,今天我们首先要看的就是:CSS3: Gradient─CSS3

...