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{
}
}
支持运算
注意颜色值不要使用值运算