LESS

从css代码中提取重复代码，使用LESS重写~

 

一种动态样式语言

 

//将@radius 参数传入{} 中 ，参数被放置到各浏览器的border-radius中

.border-radius(@radius){

    border-radius:@radius;

    -moz-border-radius:@radius;

    -webket-border-radius:@radius;

}

 

//调用 .border-radius()函数，提供要传入的实际参数

#header{

    .border-radius(4px);

}

.botton{

    .border-radius(6px);

}

 

//设置@radius的初始值

.border-radius(@radius: 5px);