<number>

CSS <number>数据类型代表一个数字，可以是整数或小数。它的语法扩展了 <integer> 的数据值。如果要表示一个小数，可以加上小数点“.”，并在其后一个或多个十进制数值。和 <integer> 类型相同，<number>没有任何单位，它不是一个CSS尺寸。

很多CSS属性的取值都是一个数值，有些数值后面还会跟数据类型，例如 100px 。某些属性的取值仅仅为一个 <integer> ，例如 z-index 属性。

实数和整数只能使用十进制符号来表示，例如3/4在CSS中不是一个有效的数值。

<number>数据类型的值在CSS中可以用于动画过渡效果，这种情况下，它们的值是浮点实数，值的大小取决于动画的 timing function 。

示例代码

下面的数值都是合法的CSS数值：

12           整数
4.01        浮点数 
-456.8     负的浮点数
0.0          零
+0.0       带正号的零
-0.0        带符号的零(尽管奇怪，但合法)
.60         点前的数字可以省略
10e3       科学计数法
-3.4e-2   科学计数法最复杂的情况                              
                            

下面的数值是非法的CSS数值：

12.           点后需有数字
+-12.2      只能有一个符号
12.1.1       只能有一个点                              
                            

浏览器支持

所有的浏览器都支持<number>数据类型，包括：Chrome, Firefox, Safari, Opera, IE以及Android 和 iOS。

查看更多关于<number>的详细内容...