Css描述元素的各种长度和颜色

一,长度

数字值分为两类，为绝对值和相对值
绝对值

绝对值	单位编写	示例
英寸	in	height:6in
厘米	cm	height:6cm
毫米	mm	height:500mm
点	pt	height:60pt
皮卡	pc	height:90pc
像素	px	height:72px

相对值

相对值	单位编写	示例
英寸	in	height:6in
厘米	ex	height:6ex
百分比	%	height:60%

em和ex都是字体大小的单位
em是表示他表示字体中字母M的宽度
ex是表示字母x的高度

二,颜色值

1.颜色名

w3c定义了16个颜色的关键字
qaua(浅绿色),black(黑色),blue(蓝色),fuchisa(紫红色),gray(灰色),green(绿色),lime(荧光绿),maroon(褐红色),navy(深蓝),olive(茶青色),purple(紫色),red(红色),silver(银色),real(青色),white(白色),yellow(黄色)

2.十六进制颜色(rgb)

3.HSL(色相,饱和度%,亮度%)

色相

• 红:0
• 橙:35
• 黄:60
• 绿:125
• 蓝:230
• 靛:280
• 紫:305
  饱和度0%就是黑色 100%白色

亮度就是亮度值

4.alpha通道

RGB和HSL都支持alpha通道,用于设置颜色的透明度.那就是rgba()和hsla(),最后参数就是0(完全透明)-1(完全不透明)