样式规范(一)

为提高开发效率,特定了一些规范

前记

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);