Heim >Web-Frontend >HTML-Tutorial >less_html/css_WEB-ITnose

less_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 08:59:45971Durchsuche

 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请求,获取目标文件。

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn