less和bootstrap框架

sprite可以减小图片大小，控制在400k以内

#000 黑
#F00 红
#0F0 绿
#00F 蓝
#FFF 白

bootstrap框架

先引入框架的css、js、jq文件

user-scalable=no 视口、设备、初始宽度 不允许放大

col-lg-12 md/dm/xs row 一行

fonts 引入 字体

书写格式 类名里加fa fa-car

less框架

建立文件LesLesson.Less

less只保留多行注释

@变量名：值； （样式内使用变量）

混入

定义类的样式，直接在元素身上引入这个样式的类名，经css编译

 

带参数的混入

括号里是参数（变量），使用时把值导入。

书写格式：
.zz_margin（@mr）{
margin：@mr；
}

嵌套

结构清晰，不重复使用选择器
有利于团队开发，样式不相互影响

#home {

#left{

}
#center{
&：hover{

}
}
#right{

}
}

支持运算

注意颜色值不要使用值运算