📝 LESS教程

84篇技术文档
  LESS-将Mixin作为函数

📅  最后修改于: 2020-10-22 05:03:16        🧑  作者: Mango

在本章中,我们将了解Mixins作为Function的重要性。像函数一样,mixin可以嵌套,可以接受参数,也可以返回值。下表详细说明了将mixin用作功能的方法。Sr.No.Mixins usage & Description1Mixin scopeMixins consist of variables; these can be used in caller’s scope and are v...

  LESS-将规则集传递给Mixins

📅  最后修改于: 2020-10-22 05:03:40        🧑  作者: Mango

描述分离的规则集包含规则集,例如属性,嵌套规则集,变量声明,mixins等。它存储在变量中,并包含在另一个结构中。规则集的所有属性都将复制到该结构。例以下示例显示如何在LESS文件中传递规则集以进行混合-Passing_ruleset.htm接下来,创建style.less文件。无样式您可以使用以下命令将style.less文件编译为style.css-执行以上命令;它将使用以下代码自动创建sty...

  LESS-导入指令

📅  最后修改于: 2020-10-22 05:04:02        🧑  作者: Mango

描述@import指令用于在代码中导入文件。它将LESS代码分布在不同的文件中,并允许轻松维护代码的结构。您可以将@import语句放在代码中的任何位置。例如,您可以使用@import关键字作为@import“ file_name.less”来导入文件。文件扩展名您可以根据不同的文件扩展名使用@import语句,例如-如果使用的是.css扩展名,则将其视为CSS,并且@import语句保持不变。如...

  LESS-导入选项

📅  最后修改于: 2020-10-22 05:04:18        🧑  作者: Mango

在本章中,我们将了解LESS中导入选项的重要性。 LESS提供了@import语句,该语句允许样式表导入LESS和CSS样式表。下表列出了将在import语句中实现的import指令。Sr.No.Import options & Description1referenceIt uses a LESS file only as reference and will not output it.2in...

  LESS-Mixin Guards

📅  最后修改于: 2020-10-22 05:04:40        🧑  作者: Mango

描述如果要匹配表达式上的简单值或参数数量,则可以使用防护。它与mixin声明相关联,并且包括附加到mixin的条件。每个mixin将具有一个或多个以逗号分隔的警卫队;必须在括号内加上警卫。 LESS使用受保护的mixin代替if / else语句,并执行计算以指定匹配的mixin。下表描述了不同类型的mixins防护以及说明。Sr.No.Types & Description1Guard Comp...

  LESS-CSS Guards

📅  最后修改于: 2020-10-22 05:04:59        🧑  作者: Mango

描述防护用于匹配简单值或表达式上的多个参数。它应用于CSS选择器。它是用于声明mixin并立即调用它的语法。成功带出iftype语句;通过功能&将其加入,可让您对多个守卫进行分组。例以下示例演示了LESS文件中cssguard的使用-css_guard.htm接下来,创建style.less文件。无样式您可以使用以下命令将style.less文件编译为style.css-执行以上命令;它将使用以下...

  LESS-循环

📅  最后修改于: 2020-10-22 05:05:17        🧑  作者: Mango

在本章中,我们将了解Loops如何在LESS中工作。循环语句允许我们多次执行一个语句或一组语句。当递归mixin与Guard表达式和模式匹配结合使用时,可以创建各种迭代/循环结构。例以下示例演示了LESS文件中循环的使用-loop_example.htm接下来,创建style.less文件。无样式您可以使用以下命令将style.less文件编译为style.css-执行以上命令;它将使用以下代码自...

  LESS-合并

📅  最后修改于: 2020-10-22 05:05:30        🧑  作者: Mango

描述LESS中的此功能允许使用单个属性将值添加到多个属性的逗号或空格分隔列表中。它可以用于背景和变换属性。下表描述了合并功能支持的两种功能。Sr.No.Types & Description1CommaIt adds property value at the end.2SpaceIt adds property value with space....

  LESS-父选择器

📅  最后修改于: 2020-10-22 05:05:52        🧑  作者: Mango

在本章中,让我们了解父选择器的工作方式。可以使用&(&)运算符来引用父选择器。嵌套规则的父选择器由&运算符表示,并在将修改类或伪类应用于现有选择器时使用。下表显示了父选择器的类型-Sr.No.Types & Description1Multiple &The&will represent the nearest selector and also all the parent selectors....

  LESS-其他功能

📅  最后修改于: 2020-10-22 05:06:09        🧑  作者: Mango

杂项功能由一组不同类型的功能组成。下表列出了所有类型的misc函数-Sr.No.Functions & Description1colorIt is a string which represents colors.2image – sizeIt is used to examine the dimension of the image from the file.3image – widthIt...

  LESS-字符串函数

📅  最后修改于: 2020-10-22 05:06:28        🧑  作者: Mango

描述Less支持以下一些字符串函数-逃逸Ë%格式更换下表描述了上述字符串函数及其说明。Sr.No.Types & DescriptionExample1EscapeIt encodes a string or information by using URL encoding on special characters. You could not encode some characters s...

  LESS-列表功能

📅  最后修改于: 2020-10-22 05:06:40        🧑  作者: Mango

描述LESS由列表函数组成,用于指定列表的长度和值在列表中的位置。下表列出了LESS中使用的List函数-Sr.No.Function & Description1LengthIt will take a comma or space separated list of values as parameter.2ExtractIt will return the value at a specif...

  LESS-数学函数

📅  最后修改于: 2020-10-22 05:07:10        🧑  作者: Mango

描述数学函数包括用于执行数字运算的方法,例如舍入,平方根,幂值,模数,百分比等。下表显示了LESS中使用的数学函数-Sr.No.Function & DescriptionExample1ceilIt rounds up the number to next highest integer.it round the number to −2floorIt rounds down the numbe...

  LESS-类型函数

📅  最后修改于: 2020-10-22 05:07:37        🧑  作者: Mango

在本章中,我们将了解LESS中类型函数的重要性。它们用于确定值的类型。下表显示了LESS中使用的类型函数。Sr.No.Type Functions & DescriptionExample1isnumberIt takes a value as parameter and returnstrue, if it’s a number orfalseotherwise.2isstringIt take...

  LESS-颜色定义功能

📅  最后修改于: 2020-10-22 05:08:03        🧑  作者: Mango

描述LESS提供了许多有用的颜色功能,以不同方式更改和操纵颜色。 LESS支持某些颜色定义功能,如下表所示-Sr.No.Function & DescriptionExample1rgbIt creates color from red, green and blue values. It has following parameters −red− It contains integer bet...