css属性单位

css的属性单位

样式表是由属性和属性值组成的，有些属性值会用到单位。在css中属性值的单位与html中的有所不同

一.长度，百分比单位
使用css进行排版时，尝尝会在属性值后面加上长度或者百分比的单位
1.长度单位
长度有相对长度到位和绝对长度单位两种类型。
相对长度单位是指以该属性的单位值为基础来完成目前的设置。
绝对长度单位将不会随着显示设备的不同而改变。也就是说属性值使用绝对长度单位时，不论在那种设备上，显示效果都是一样。
设置属性时，大多数仅能使用正数，只有少数属性可使用正，负数。若属性值设置为负数且超过浏览器所能接受的范围。浏览器将不会选择比较靠近且能支持的数值。
2.百分比单位
百分比单位也是一种常用相对类型。百分比值总是相对于另一个值来说的，该值可以是长度单位或其他单位。每一个可以使用百分比单位指定的属性，同时也自定义了这个百分比值的参考值。大部分情况下这个参考值是该元素本身的字体尺寸。
一个百分比值由可选的正好‘+’或负号 ‘-’ 接着一个数字，后面跟百分号 ‘%’ 组成。如果百分比值是正的，正号可以不写。正负号，数字，百分号之间不能有空格

二，是色彩单位
在HTML网页或者css样式的色彩定义里，设置色彩的方式是RGB方式。在RGB仿石中，所有色彩均由红色，绿色，蓝色三种色彩混合而成
在html标记中只提供两种设置色彩的放法：十六进制和色彩英文名称
css提供三种定义色彩的方法：十六进制，色彩英文名称，rgb函数和rgba函数
1.十六进制数方式表示色彩
在计算机中，定义每种色彩的强度方位为0~255.当所有色彩的强度都为0 时，将会产生黑色；当所欲色彩强度为255时，将产生白色
如果每个参数个子在两位上的数字都相同，也可缩写为#RGB的方式。例如，#cc9900可以缩写为#c90。
2用色彩名称方式表示色彩值
在css中也提供了与HTML一样是用色彩英文表示色彩的方式，css只提供了16种色彩名称

div{color:red};

3.用rgb函数方式表示色彩纸
在cs中，可以用rgb函数设置索要的色彩。其语法格式为：

rgb{R,G,B}

其中，R为红色，G为绿色，B为蓝色。这三个参数可取正整数值或百分比值。正整数值的取值范围为0~255，百分比值的取值范围为色彩强度的百分比0.0%-100%。例如一下代码：

div{color:rgb(122,56,221)}
div{color:rgb(20%,40%,100%)}