网站地图    收藏   

主页 > 专题教程 > css >

<number>

来源:自学PHP网    时间:2018-02-08 10:48 作者: 阅读:

[导读] CSS number数据类型代表一个数字,可以是整数或小数。它的语法扩展了integer的数据值。如果要表示一个小数,可以加上小数点“.”,并在其后一个或多个十进制数值。...

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。

最新评论

添加评论

更多文章推荐

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论