細水、長流√的专栏

记录一个问题：在less中使用calc出现了非预期的编译结果。在上例中，预期的结果是全屏高度减去5像素。但是less之后的结果为95vh。明显是有问题的，在less.js的github上面也找到了类似的问题。less对于calc中的单位处理存在问题。可以理解为将上例中的100vh - 5px 处理成了 100vh - 5vh。注意新添加的~ 和 双引号！除了使用上面比较tricky的方法外，还可以通过升版本来解决。在v3.5.0-beta.2版本中作者对此问题进行了修复。

hello，各位小伙伴们好，最近一直有小伙伴问我为什么写Less的时候，发现除法有了问题，在生成的css文件中，不给我们输出正确结果了。直接抛结论：LESS版本升级，EasyLess插件新版本跟随，不支持直接除法运算符引起的解决方案：除法写法变化 ./ 或者 加上小括号（推荐）肯定很多小伙伴会有疑惑，为啥会有这个问题，和大家拓展下：2. less版本变化最新的版本less进入 4.0时代。less关于除法有哪些变化呢？来...

一些废话：很久没有更博了，主要原因是由于使用git工具push的时候，自己的私人账号和工作的git账号总是冲突，每次明明切换过了账号，可是push的时候却用的是错误的账号，找不到解决办法。最近得知github有桌面版，终于不会再冲突了！前言最近工作上遇到一个项目有两张banner，都需要实现围绕椭圆旋转的动画效果。拿到这个需求，第一反应是用animation应该很容易实现。脑袋里的思路是，先实现沿正圆运动，再进行3D旋转即可。然而，我得到的效果是：Demo<!DOCTY

一种 动态 样式 语言.LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承，运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。version  1.3.1LESS可以这样来写CSS:@base: #f938ab;.box-shadow(@style, @c) when (is...

CSS单位rem在W3C规范中是这样描述rem的:font size of the root element.移动端越来越多人使用rem，推荐淘宝开源框架lib-flexible今天来介绍一下使用 预处理器转换px单位到rem首先是sass的//定义一个变量和一个mixin$baseFontSize: 16;//默认基准font-size@mixin px2re...

Mixins can also take arguments, which are variables pass to the block of selectors when it is mixed in.（当使用混合时，可以通过选择器块带变量参数。）.border-radius(@radius) {  -webkit-border-radius: @radius;     -moz-bo...

LESS 做为 CSS 的一种形式的扩展，它并没有阉割 CSS 的功能，而是在现有的 CSS 语法上，添加了很多额外的功能，所以学习 LESS 是一件轻而易举的事情，果断学习之！变量很容易理解:@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue; }输出:#h...

CSS 预处理器技术已经非常的成熟了，而且也涌现出了越来越多的 CSS 的预处理器框架。本文便总结下 Sass、Less CSS、Stylus这三个预处理器的区别和各自的基本语法。1.什么是 CSS 预处理器CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让C...