Bootstrap_Less

2019-10-25

Less

1. install

pc : npm

 

 

将 less transfer-> .css

 

 

HTML

 

 

 

 

 NOTE: 

less 中支持算数运算符 （+）（-）（*）（/）, 对任何数字，颜色或变量进行操作，以此方式来进行调校效果

会节省大量时间。

~ 转义操作符  ~“green"   less 编译后 -> green

    

 

===

命名空间和访问器

 

 

 变量范围指定可用变量的位置， 变量将从本地作用域搜索，如果它们不可用，则编译器从父作用域搜索。

  

 

 注释：

 

 ===

导入 @import 

 

 

 

 

 Less 变量使用

@ 符号定义变量， 变量分配使用冒号 (:) 完成。

LESS 中声明变量的格式为 ”@变量名：变量值“

 可用于延迟加载，占位，重用。

====

Less 扩展

Extend 是一个LESS 伪类, 通过使用 :extend 选择器在一个选择器中扩展其他选择器样式。

扩展语法

扩展放置在规则集中或附加到选择器，类似于包含一个或多个类的伪类，之间用逗号分隔。使用可选的关键字

全部，可以跟踪每个选择器。

 

 

 note: extends ref https://www.w3cschool.cn/less/less_extend.html

 ==================================

bootstrap relation framework H5BP

https://github.com/h5bp/html5-boilerplate

 

---

---

2019-10-27 10:21:03

 Layout  <jt spring mvc4> p52