1.什么是less:css的预编译器 2.less中的两种注释 //:这种注释不会被编译到css文件中去 /**/:这种注释会被编译到css文件中 3.less编译工具 Koala:国人开发全平台的less编译工具 Winless:windows Codekit:Mac ...
分类:
其他好文 时间:
2017-08-27 17:10:15
阅读次数:
164
Less is More , Than CSS 1. Less是什么? LESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用,包括浏览器端、 ...
分类:
其他好文 时间:
2017-08-16 20:24:55
阅读次数:
227
简介 less学习地址:http://lesscss.cn/ 安装less 通过node.js的包管理器进行安装(要提前安装node.js环境) 编译less—css 输入lessc命令可以查看less转css的参数 编译less为cass 输出为bootstrap.css 2.通过idea或者we ...
分类:
其他好文 时间:
2017-08-02 23:37:03
阅读次数:
246
变量 变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。 // LESS /* 生成的 CSS */ @color: #4D926F; #header { #header { color: #4D926F; color: @c ...
分类:
其他好文 时间:
2017-06-26 00:42:40
阅读次数:
148
Less嵌套的规则 在我们书写标准 CSS 的时候,遇到多层的元素嵌套这种情况时,要么采用从外到内的选择器嵌套定义,要么采用给特定元素加 CLASS 或 ID 的方式。 a { color: red; text-decoration: none; &:hover { color: black; te ...
分类:
其他好文 时间:
2017-06-19 11:05:49
阅读次数:
130
视频教程地址:http://www.imooc.com/learn/102 一、什么是Less css的Less好比是js的Jquery,可以让人们更方遍快捷的使用css,使css代码更简洁,可以减少重复的代码,减少开发人员的工作量。 Less CSS是一种动态样式语言,属于CSS预处理语言的一种, ...
分类:
其他好文 时间:
2017-06-02 09:48:03
阅读次数:
254
编译工具:koala(中国制造) 中文网:http://old.lesscss.net/article/document.html 1.less是什么? less是css一种动态样式语言,属于css预处理语言的一种,它使用类似css的语法,为css赋予了动态语言的特征,如变量、继承、运算、函数等,更 ...
分类:
其他好文 时间:
2017-03-24 22:13:08
阅读次数:
224
一、 less是什么 Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。 注意1):less使用.less作为文件后缀。通过第三方工具,可以一键或者实时编译成对应的css文件。也就是说:实际项目中, ...
分类:
其他好文 时间:
2017-01-09 18:58:59
阅读次数:
226
高级参数和@reset变量如果你希望你的mixin接受数量不定的参数,你可以使用“...”。在变量名后面使用它,它会将这些参数分配给变量.mixin(...){/*接受0到N个参数*/}
.mixin(){/*不接受任何参数*/}
.mixin(@a:1){/*接受0到1个参数*/}
.mixin(@a:1;...){/*接受0到N个参数*/}
.mix..
分类:
其他好文 时间:
2016-10-19 14:30:50
阅读次数:
175