> 웹 프론트엔드 > HTML 튜토리얼 > less_html/css_WEB-ITnose

less_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 08:59:45
원래의
970명이 탐색했습니다.

 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请求,获取目标文件。
로그인 후 복사

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿