값은 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
