13.3.1 CSS整数与实数类型

CSS的数值类型包含两种：整数（表示为<integer>）与实数（表示为<number>）。数值通常用于标明长度。

整数

整数前可以包括正(+)负(-)号，但是不能有小数。

CSS的margin与padding都可以取负值，例如：

示例

body
{
	margin: 0;
}

div
{
	font-size:12px;
	width:100%;
	border:thick solid red;
	margin:-2em;
}

从示例可以看出div已经部分的移出了屏幕。

CSS整数与实数类型示例 -- 可以尝试编辑

示例

margin-left:-5em;

此示例是一个数学游戏，可以使div左移5倍的字体大小

实数

实数包含整数，而且可以有小数部分。例如1.5em，表示使用1.5倍字体的大小。

总结

• 整数类型包括0到9,一个-或者+
• 实数类型包括0到9,小数点.,一个-或者+

• CSS教程

• 13.3 CSS数据类型
• 13.3.1 CSS整数与实数类型
• 13.3.2 CSS长度与单位
• 13.3.3 CSS百分比类型
• 13.3.4 CSS字符串类型
• 13.3.5 CSS content 属性