CSS单位_html/css_WEB-ITnose

数字

　　css有两种数字：整数和实数(小数)

百分数

　　百分数总是相对于一个值而言

颜色

【1】关键字
　　17种合法命名颜色(标准颜色):

　　　　aqua/fuchsia/lime/olive/red/white/black/gray/maroon/orange/silver/yellow/blue/green/navy/purple/teal
　　[注意]浏览器支持140种颜色

立即学习“前端免费学习笔记（深入）”；

【2】RGB模式

　　rgb(x%,y%,z%)或者rgb(a,b,c)

登录后复制

　　[注意1]a、b、c的范围在(0-255)

　　[注意2]若数值小于最小值0,则默认调整为0;若数值大小最大值255,则默认调整为255

【3】16进制模式

　　#abcdef

登录后复制

　　[注意]若16进制的3组数各自成对，则可简写为3位

　　#aabbcc  #abc　　//红色 red  rgb(255,0,0)  rgb(100%,0,0)  #ff0000  #f00

登录后复制

【补充】

　　web安全颜色是指在256色计算机系统上总能避免抖动的颜色，表示为RGB值20%和51(相应的16进制值为33)的倍数。因此，采用16进制时，使用00\33\66\99\cc\ff认为是Web安全色。

长度

　　所有长度单位后面都有一个两字母缩写，它表示所指定的具体长度单位(长度为0时，不需要跟单位)

　　【1】绝对长度单位
　　　　英寸(in)
　　　　　　[注意]1英寸 2.54厘米 72点 6派卡
　　　　厘米(cm)
　　　　毫米(mm)
　　　　点(pt)
　　　　派卡(pc)

　　【2】相对长度单位
　　　　em -> em-height 表示一种给定字体的font-size值
　　　　ex -> x-height 表示所用字体中小写x的值，但实际中一般取em值的一半
　　　　像素(px) -> 表示计算机显示器上的一个点，点的大小取决于显示设备的分辨率

URL

　　URL分为绝对URL和相对URL，URL和开始括号之间不能有空格。如果存在空格，则整个声明都无效。

url("test.jpg")

登录后复制