首页 > web前端 > css教程 > CSS 中值的单位

CSS 中值的单位

Patricia Arquette
发布: 2024-09-30 14:10:03
原创
476 人浏览过

Units for Values in CSS

CSS 中的单位

CSS 中经常使用值。有时以绝对单位指定,有时以相对单位指定。

CSS 提供长度、角度、频率的值,并且每个 CSS 内都支持不同测量单位之间的转换。

了解 CSS 支持的各种单位或度量,使 Web 开发人员和设计人员能够在他们舒适的思维空间内工作。

下面是 CSS 支持的单位列表。

绝对单位

长度

cm、mm、Q、in、pt、pc、px

Unit Name Equivalent to
cm Centimeters 1cm = 37.8px = 1/2.54 of 1in
mm Millimeters 1mm = 1/10 of 1cm
Q Quarter-millimeters 1Q = 1/40 of 1cm
in Inches 1in = 2.54cm = 96px
pc Picas 1pc = 1/6 of 1in
pt Points 1pt = 1/72 of 1in
px Pixels 1px = 1/96 of 1in

角度

度、度、弧度、转

Unit Name Equivalent to
deg Degree 360deg = 1 full circle
grad Gradian 400grad = 1 full circle
rad Radian 6.2832rad = 1 full circle
(π approx = 3.1416)
turn Turn 1 turn = 1 full cirle

时间

小,女士

unit name equivalent to
s second 1s = 1000ms
ms millisecond 1ms = 1/1000 of 1s

频率单位

赫兹、千赫兹

unit name equivalent to
Hz Hertz 1Hz = 1/1000 of 1 kHz
kHz Kilo Hertz 1KHz = 1000Hz

分辨率单位

dpi、dpcm、dppx

相对单位

顾名思义,这些单位提供的这些值是相对于其他一些值的。它可能与某些父元素或视口有关。

字体相关

em、ex、ch、rem

视口相关

%、vw、vh、vmin、vmax

容器查询相关

cqw、cqh、cqi、cqb、cqmin、cqmax

注意

通常的做法是为容器元素定义绝对值,然后对所有后代元素使用相对值。

以上是CSS 中值的单位的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板