CSS에서 절대 단위의 전체 이름은 "절대 길이 단위"입니다. 이는 실제 물리적 크기를 반영하는 고정 값입니다. 절대 단위는 출력 매체에 따라 달라지며 환경(모니터, 해상도, 작동 방식)에 따라 달라지지 않습니다. 시스템 등)). CSS 절대 단위에는 cm(센티미터), mm(밀리미터), in(인치), px(픽셀), pt(포인트) 및 pc(파이카)가 포함됩니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
CSS 길이 단위는 상대 길이 단위와 절대 길이 단위로 나눌 수 있습니다.
상대 단위
상대 길이 단위는 다른 길이에 상대적인 한 길이의 속성을 지정합니다. 다양한 장비와 상대적인 길이에 더 적합합니다.
Unit | Description |
---|---|
em | 현재 요소에 적용된 글꼴 크기를 기준으로 설명하므로 상대적인 길이 단위입니다. 일반 브라우저의 기본 글꼴 크기는 16px이고, 그러면 2em == 32px |
ex | 영문자의 높이에 따라 달라집니다. small 약어(root em)는 루트 요소의 글꼴 크기( HTML 루트 요소) |
vw | 뷰포인트 너비, 창 너비, 1vw = 창 너비의 1% |
vh | 뷰포인트 높이, 창 높이, 1vh = 창 높이의 1% |
vmin | vw와 vh 중 작은 것 |
vmax | vw와 vh 중 큰 것 |
절대 단위 | |
절대 길이 단위는 다음을 반영하는 고정 값입니다. 진짜 피지컬 크기. 절대 길이 단위는 출력 매체에 따라 달라지며 환경(모니터, 해상도, 운영 체제 등)에 따라 달라지지 않습니다. | mm |
in 인치(1in= 96px = 2.54cm)
pt | |
---|---|
pc | pica 약 12pt( 1pc = 12pt) |
css px 단위---가장 일반적으로 사용되는 길이 단위 | |
px(픽셀이라고도 함)는 화면 미디어의 고정 크기 단위( 즉, 컴퓨터 화면에서 읽습니다.) 단위는 각도로 측정됩니다. 한 픽셀은 컴퓨터 화면의 한 지점(예: 화면 해상도의 가장 작은 부분)과 동일하며 웹 페이지는 픽셀별로 정확하게 완벽하게 렌더링될 수 있습니다. 예를 들어 설정 방법을 살펴보겠습니다. | .demo{ font-size: 40px; } |
css pc unit | |
pc: Pica, 이는 우리나라의 새로운 4번 서체 크기와 같습니다. | |
css pt 단위 |
.demo{ font-size: 40pt; }
in: 인치(인치) ) , 물리적 측정 단위이지만 CSS 세계에서는 인치가 단순히 픽셀에 직접 매핑됩니다.
.demo{ font-size: 0.5in; }
css mm 단위mm: 밀리미터(Millimeter)는 작은 크기의 물리적 측정 단위입니다.
.demo{ font-size: 10mm; }
css cm 단위cm: 센티미터는 전 세계 대부분의 사람들에게 친숙하고 유용한 물리적 측정 단위입니다. CSS에서는 픽셀에도 매핑됩니다.
.demo{ font-size: 1cm; }
지식 확장:
이러한 길이 단위가 어떻게 변환되는지 살펴보겠습니다. 1in = 2.54cm = 25.4 mm = 72pt = 6pc=96px
아래에서는 pt와 px의 상호 변환 공식을 제공합니다.
px = pt *(96/72) pt=px*(72/96)
(학습 비디오 공유: 웹 프런트엔드 시작하기)
위 내용은 CSS 절대 단위란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!