CSS入门教程:整数类型与实数类型

网络整理 - 07-27

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,移出屏幕的div示例
示例
margin-left:-5em;
此示例可以使div左移5倍的字体大小

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

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