2017年11月28日
Less的@import指令
摘要： Less的@import指令 Less中，可以通过 @import指令来导入外部文件。@import指令可以放在代码中的任何位置，导入文件时的处理方式取决于文件的扩展名： 如果扩展名是 .css，文件内容将被原样输出。 如果是任何其他扩展名，将作为LESS文件被导入。 如果没有扩展名，将给他添加一个 阅读全文
posted @ 2017-11-28 10:19 歪脖先生 阅读(14553) 评论(0) 推荐(2) 编辑
Less命名空间
摘要： Less命名空间 当我们拥有了大量选择器的时候，特别是团队协同开发时，如何保证选择器之间重名问题？如果你是 java 程序员或 C++ 程序员，我猜你肯定会想到命名空间 Namespaces。 Less 也采用命名空间来对名字进行分组，来避免重名问题。如以下Less代码： 这样我们就定义了一个名为 阅读全文
posted @ 2017-11-28 10:17 歪脖先生 阅读(653) 评论(0) 推荐(0) 编辑
Less注释语法
摘要： Less注释语法 适当的注释是保证代码可读性的必要手段，Less支持两种类型的注释：多行注释和单行注释。 1）形如 /* */ 的多行注释。如： 2) 双斜线的单行注释。如： 但需要注意的是：单行注释是不会出现在编译后的 CSS 文件中，如果是针对样式说明的注释，建议使用多行注释。 阅读全文
posted @ 2017-11-28 10:16 歪脖先生 阅读(3947) 评论(0) 推荐(0) 编辑
2017年11月27日
Less的转义字符
摘要： Less的转义字符 有时候，当需要引入无效的CSS语法或Less不能识别的字符，就需要使用转义字符。此时，就可以在字符串前面加一个 ~，并将需要转义的字符串放在 "" 中。格式为： ~"anything" 在编译时，任何包含在 ~"anything" 中的内容，将会原封不动的输出到编译后的CSS文件 阅读全文
posted @ 2017-11-27 14:54 歪脖先生 阅读(2043) 评论(0) 推荐(0) 编辑
Less运算和函数
摘要： Less运算和函数 Less运算 在我们的 CSS 中，充斥着大量数值型的 value，比如 color、padding、margin 等。在某些情况下，这些数值之间是有着一定关系的，那么我们怎样利用 Less来组织这些数值之间的关系呢？请看以下Less代码： 在我们的 CSS 中，充斥着大量数值型 阅读全文
posted @ 2017-11-27 14:53 歪脖先生 阅读(5920) 评论(0) 推荐(0) 编辑
Less的嵌套规则
摘要： Less的嵌套规则 在使用标准CSS时，要为多层嵌套的元素定义样式，要么使用后代选择器从外到内的嵌套定义，要么给这个元素加上类名或 id 来定义。这样的写法虽然很好理解，但维护起来很不方便，因为无法清晰了解到样式之间的关系。 在Less中，嵌套规则使这个问题迎刃而解。嵌套规则允许在一个选择器中嵌套另 阅读全文
posted @ 2017-11-27 14:51 歪脖先生 阅读(14182) 评论(0) 推荐(1) 编辑
作为函数的mixin
摘要： 作为函数的mixin 在一个 mixin 内部定义的变量或 mixin，都调用者可见，因此，它们可以作为它的返回值。如，以下Less代码： 上述代码在 .count 内部定义了两个变量 @sum 和 @average，则 .count 将拥有两个返回值。调用 .count 时，就可以通过变量 @su 阅读全文
posted @ 2017-11-27 14:50 歪脖先生 阅读(344) 评论(0) 推荐(0) 编辑
2017年11月26日
带参数的Mixin
摘要： 带参数的mixin 在Less中，还可以像函数一样定义一个带参数的mixin, 这种形式叫做 Parametric Mixin，即带参数的混入。如： 然后，在其他选择器中像这样调用它： 编译后的CSS代码为： 还可以给 Mixin 的参数设置默认值，有了默认值，在调用它的时候，如果没有提供该参数，它 阅读全文
posted @ 2017-11-26 19:02 歪脖先生 阅读(1045) 评论(0) 推荐(0) 编辑
Less的Mixin
摘要： 什么是Mixin Less中，允许你将一个类嵌入到另一个类中，被嵌入的类也可以看作变量。换句话说，你可以用一个类定义样式，然后把它当作变量，在另一个类中，只要引用变量的名字，就能使用它的所有属性， Less把这种特性称作 mixin，中文把翻译为“混入”或“混合”，其目的就是从现有的样式中添加属性。 阅读全文
posted @ 2017-11-26 18:35 歪脖先生 阅读(4594) 评论(0) 推荐(1) 编辑
Less变量
摘要： Less变量 定义变量 Less 中的变量和其他编程语言一样，可以实现值的复用，同样它也有作用域（scope）。简单的讲，变量作用域就是局部变量和全局变量的概念。 Less 中，变量作用域采用的是就近原则，换句话说，就是先查找自己有没有这个变量，如果有，就取自己的变量，如果没有，就查找父元素，依此类 阅读全文
posted @ 2017-11-26 18:33 歪脖先生 阅读(4084) 评论(0) 推荐(0) 编辑