单位计算
CSS3允许你计算单位。
这是一种灵活的方法，在创建样式时可以同时控制和精确。
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
<style type="text/css">
p {
background: grey;
color:white;
font-size: 20pt;
width: calc(80% - 20px);
}
</style>
</head>
<body>
<p>this is a test.</p>
</body>
</html>您可以使用calc关键字和括号包含计算。您可以混合其他单位和执行基本的数学。
CSS角度
当你来变换时，你需要使用角度。
您将角度表示为数字后跟单位 - 例如，360deg。
下表显示了支持的角度单位的集合。
| 单位标识符 | 描述 |
|---|---|
| deg | 指定以度为单位的角度（值从0deg到360deg） |
| grad | 指定渐变中的角度（值从0grad到400grad） |
| rad | 指定以弧度表示的角度（值从0rad到6.28rad） |
| turn | 指定整圈的角度（1turn等于360deg） |
CSS时间单位
您可以使用CSS时间测量间隔。
时间定义为一个单位数，后面跟一个时间单位，例如100ms。
下表显示了支持的时间单位。
| 单位标识符 | 描述 |
|---|---|
| s | 指定时间(以秒为单位) |
| ms | 指定以毫秒为单位的时间（1s等于1000ms） |