CSS의 공통 단위 요약

오늘은 CSS에서 가장 일반적으로 사용되는 15가지 단위를 정리하여 이해를 돕기 위해 아래에 하나씩 나열하겠습니다.

1.px: 절대 단위, 페이지가 정확한 픽셀로 표시됩니다.

2.em: 상대 단위, 기준점은 상위 노드의 글꼴 크기입니다. 정의된 경우 font-size가 계산됩니다. 그 자체로는(브라우저 기본 글꼴은 16px) 1em은 전체 페이지에서 고정된 값이 아닙니다.

3.rem: "루트 em"으로 이해될 수 있는 상대 단위로, 루트 노드 HTML의 글꼴 크기를 기준으로 계산됩니다. CSS3에는 속성이 추가되었으며 chrome/firefox/IE9+에서 지원됩니다.

4.vw: 시점 width, 창 너비, 1vw는 창 너비의 1%와 같습니다.

5.vh: 시점 height, 창 높이, 1vh는 창 높이의 1%와 같습니다.

6.vmin: vw와 vh 중 더 작은 것입니다.

7.vmax: vw와 vh 사이의 더 큰 것입니다.

8.%: 백분율

9.in: 인치

10.cm: 센티미터

11.mm: 밀리미터

12.pt: 포인트, 약 1/72인치

13.pc: 파이카, 약 6pt, 1/6인치

14.ex: 현재 효과가 있는 글꼴의 x 높이를 가져와 x 높이를 결정할 수 없는 경우 0.5em으로 계산합니다(IE11 이하에서는 지원되지 않음, firefox/ chrome/safari/opera /ios safari/android browser4.4+ 등은 모두 속성과 접두사가 필요합니다.)

15.ch: 노드에서 사용하는 글꼴의 "0" 문자를 기반으로 합니다. 0.5em입니다(ie10+, chrome31+, safair7.1+, Opera26+, ios safari 7.1+, android browser4.4+ 지원)

이 내용을 읽으신 후 이 장치의 역할을 이해하셨으리라 믿습니다. , PHP 중국어 홈페이지Other관련 글도 주목해주세요!

관련 읽기:

CSS3 번역 속성에 대한 자세한 소개

CSS3 background-size 속성에 대한 자세한 소개

CSS3에서 변환 속성 사용에 대한 튜토리얼

위 내용은 CSS의 공통 단위 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!