样式规范(一)
为提高开发效率,特定了一些规范
前记
github
需要以下几点的储备
1.less
2.媒体查询
3.before和after
4.熟练的掌握css的选择器
5.查询条件一栏间距可以写死
tips
这里用来记一下
命名
关键字
大小
xxs,xs,sm,空,md,lg,xl,xxl
size,你懂的
还有,full
位置
top,bottom,left,right,middle
自适应(媒体查询)
范围在此
less部分用到的函数
lighten和darken
提高/降低颜色的亮度
HSL即色相、饱和度、亮度
- 色相(H)是色彩的基本属性,就是平常所说的颜色名称,如红色、黄色等。
- 饱和度(S)是指色彩的纯度,越高色彩越纯,低则逐渐变灰,取0-100%的数值。
- 明度(V),亮度(L),取0-100%。
用法
lighten(color,percent);