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请求,获取目标文件。
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号