具体的可以去官方文档去查
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:其他属性 字体大小 字体族
规则:字体大小与字体族必须写,其中字体大小在第二位,字体族在最后一位,各个属性之间用逗号隔开