CSS属性的值有许多格式。用户代理在判断一个值是否有效时
需要确认该值是否符合某种特定类型值的格式要求
这些数据格式的类型叫做数据类型,在规范中用<this>
的形式标识
CSS有两种数据类型:特定数据类型和通用数据类型
特定数据类型只与一个单独的属性或某一类属性有关联
有些数据类型仅仅只能用作transform
属性的值。
通用数据类型并不和任何特定的属性相关联他们能够用于其他一系列属性
关键字数据类型<ident>
是指CSS中预定义的关键字
这一类型不仅包括某些特定属性所特有的值
自定义关键字数据类型<custom-ident>
指样式表自己定义的关键字
定义<custom-ident>
有一定的限制条件
定义的关键字不能是CSS用到的值
资源定位符<url>
用来引用资源文件或者片段
这一数据类型通常使用url()
函数来表达
基本数值中整数类型<integer>
即数学中定义的整数
它是一个完整的数字,没有小数部分
整数包括正整数和负整数
整数的符号由第一个数字前+
或者-
指定,如果什么都不指定则默认为+
而实数类型<number>
即一个真实的数字。它可以是整数<integer>、
0或者一个十进制小数
和整数相似,实数也存在正负值,同样由第一个数字前的符号指出
比率数据类型<ratio>
表明两个数值之间的关系,这两个数值均为正的整数值<integer>
百分比数据类型<percentage>
由一个实数值<number>
后加一个%
符号组成它表示的是其他值的一部分
尺度是数值数据类型中的一种,是一种度量单位
它前半部分是数值,后面跟一个单位符号当数值部分为0
时,单位可以省略
距离数据类型<length>
表示多少单位距离
角度数据类型表示圆的一个角度
时长数据类型<time>
是时间单位
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具