CSS의 값 단위

CSS의 단위

값은 CSS에서 정기적으로 사용됩니다. 때로는 절대 단위로 지정되고 때로는 상대 단위로 지정됩니다.

CSS는 길이, 각도, 빈도에 대한 값을 제공하며 각 CSS 내에서 다양한 측정 단위 간의 변환을 지원합니다.

웹 개발자와 디자이너가 편안한 사고 공간 내에서 작업할 수 있도록 CSS가 지원하는 다양한 단위 또는 측정에 대한 이해

아래는 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

시간

초, ms

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

주파수 단위

Hz, kHz

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!