Home >Web Front-end >HTML Tutorial >less_html/css_WEB-ITnose

less_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 08:59:45977browse

 LESS语言的语法:  (1)LESS文件支持所有的CSS原生语法  (2)LESS支持多行注释(会被转换到CSS文件)、单行注释(不会出现在CSS文件中)  (3)LESS中可以声明变量(Variable),语法:@变量名:  值(颜色/数字/尺寸/字符串);  (4)LESS中可以声明混入/混合(Mixin),语法:.style1 {  ....  }.style2 {.style1;}  (5)带参数混入,语法:.style1( ) {  ...  }.style1(@var1 ) {  ....  }.style1(@var1, @var2:默认值) { ...  }  (6)参数的引导,语法:.style1(@var) when (@var<=值) { ... }  (7)LESS可以对各种类型的值(颜色/数字/百分比)执行算数元素color: #888 - #129;  (8)LESS支持嵌套.style1 {.style2 {&:hover{  }}}.style1{  }.style1  .style2 {   }.style1  .style2:hover {   }   (9)LESS内置了若干个可以直接调用的行数image-width('../img/2.jpg');image-height('...')lighten(color, num) 把指定的颜色变亮指定的数值darken(color, num) 把指定的颜色变暗指定的数值  (10)文件导入@import  "xx.less";         提示:less文件中的@import属于“服务器端导入”——在服务器端就要导入的文件合并在当前文件中;CSS文件中的@import属于“客户端导入”——要求客户端发HTTP请求,获取目标文件。

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn