CSS 值

2018-10-29 17:22 更新

單位計(jì)算

CSS3允許你計(jì)算單位。

這是一種靈活的方法，在創(chuàng)建樣式時(shí)可以同時(shí)控制和精確。 

<!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 關(guān)鍵字和括號(hào)包含計(jì)算。您可以混合其他單位和執(zhí)行基本的數(shù)學(xué)。

CSS角度

當(dāng)你來變換時(shí)，你需要使用角度。

您將角度表示為數(shù)字后跟單位 - 例如，360deg。

下表顯示了支持的角度單位的集合。

單位標(biāo)識(shí)符 描述
deg 指定以度為單位的角度（值從0deg到360deg）
grad 指定漸變中的角度（值從0grad到400grad）
rad 指定以弧度表示的角度（值從0rad到6.28rad）
turn 指定整圈的角度（1turn等于360deg）

CSS時(shí)間單位

您可以使用CSS時(shí)間測量間隔。

時(shí)間定義為一個(gè)單位數(shù)，后面跟一個(gè)時(shí)間單位，例如100ms。

下表顯示了支持的時(shí)間單位。

單位標(biāo)識(shí)符 描述
s 指定時(shí)間(以秒為單位)
ms 指定以毫秒為單位的時(shí)間（1s等于1000ms）


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)