举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > css值复制 CSS 值

css值复制 CSS 值

2023-04-07 23:18 CSS教程

css值复制 CSS 值

css值复制 CSS 值

css值复制

单位计算

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)


阅读全文
以上是编程学为你收集整理的css值复制 CSS 值全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部