2. CSS 颜色与字体

https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_colors

rgb 或 rgba

color:rgb(255,255,255);
color:rgba(255,255,255,0.7);
rgba作用：具有透明效果，0完全透明，1不透明
三原色数值越大，且数值一致，表现为灰色很淡

HEX 或 HEXA 表示

p{color:rgb(#rrggbb);}
前两位 rr 表示红，gg 表示绿，bb 表示蓝，01-ff(16进制)

IE不支持 hexa ，其中透明度也是16进制表示

HSL 或 HSLA

p{color:rgb(色相，饱和度，亮度);}
p{color:rgb(0deg，100%，50%);}
ps: deg 表示度，色相值在0-360度，饱和度调节是颜色深浅，亮度是你关灯还是开灯

字体

字体族：font-family

div{font-family:"微软雅黑","黑体",sans-serif}

• 使用英文名字兼容性会更好
• 可以设置多个字体，通常在最后写上sans-serif（非衬线字体） 或 serif(衬线字体)
• 如果字体名包括空格必须引号包裹

字体风格：font-style

存在以下数值：

• normal：默认值
• italic：斜体，主动寻找斜体字（推荐），如果没有强制倾斜
• oblique：斜体，先找到用正常的，之后强制倾斜

字体粗细

div{font-weight：lighter/normal/bold/bolder/数值}
数值越大字体越粗，bolder 很多字体不支持

字体的复合属性

font:其他属性 字体大小 字体族
规则：字体大小与字体族必须写，其中字体大小在第二位，字体族在最后一位，各个属性之间用逗号隔开