>  기사  >  웹 프론트엔드  >  CSS 절대 단위란 무엇입니까?

CSS 절대 단위란 무엇입니까?

青灯夜游
青灯夜游원래의
2022-07-26 16:09:304502검색

CSS에서 절대 단위의 전체 이름은 "절대 길이 단위"입니다. 이는 실제 물리적 크기를 반영하는 고정 값입니다. 절대 단위는 출력 매체에 따라 달라지며 환경(모니터, 해상도, 작동 방식)에 따라 달라지지 않습니다. 시스템 등)). CSS 절대 단위에는 cm(센티미터), mm(밀리미터), in(인치), px(픽셀), pt(포인트) 및 pc(파이카)가 포함됩니다.

CSS 절대 단위란 무엇입니까?

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS 길이 단위는 상대 길이 단위와 절대 길이 단위로 나눌 수 있습니다.

상대 단위

상대 길이 단위는 다른 길이에 상대적인 한 길이의 속성을 지정합니다. 다양한 장비와 상대적인 길이에 더 적합합니다.

절대 단위 절대 길이 단위는 다음을 반영하는 고정 값입니다. 진짜 피지컬 크기. 절대 길이 단위는 출력 매체에 따라 달라지며 환경(모니터, 해상도, 운영 체제 등)에 따라 달라지지 않습니다. mmmm
Unit Description
em 현재 요소에 적용된 글꼴 크기를 기준으로 설명하므로 상대적인 길이 단위입니다. 일반 브라우저의 기본 글꼴 크기는 16px이고, 그러면 2em == 32px
ex 영문자의 높이에 따라 달라집니다. small 약어(root em)는 루트 요소의 글꼴 크기( HTML 루트 요소)
vw 뷰포인트 너비, 창 너비, 1vw = 창 너비의 1%
vh 뷰포인트 높이, 창 높이, 1vh = 창 높이의 1%
vmin vw와 vh 중 작은 것
vmax vw와 vh 중 큰 것

in 인치(1in= 96px = 2.54cm)

pxpixelspt포인트(1pt = 1/ 72인치)pc pica 약 12pt( 1pc = 12pt)css px 단위---가장 일반적으로 사용되는 길이 단위px(픽셀이라고도 함)는 화면 미디어의 고정 크기 단위( 즉, 컴퓨터 화면에서 읽습니다.) 단위는 각도로 측정됩니다. 한 픽셀은 컴퓨터 화면의 한 지점(예: 화면 해상도의 가장 작은 부분)과 동일하며 웹 페이지는 픽셀별로 정확하게 완벽하게 렌더링될 수 있습니다. 예를 들어 설정 방법을 살펴보겠습니다. css pc unit
.demo{  font-size: 4pc; }
pt: 포인트(Point), 절대 길이 단위
.demo{  font-size: 40px; }
pc: Pica, 이는 우리나라의 새로운 4번 서체 크기와 같습니다.
css pt 단위
.demo{  font-size: 40pt; }


css 단위

CSS 절대 단위란 무엇입니까?in: 인치(인치) ) , 물리적 측정 단위이지만 CSS 세계에서는 인치가 단순히 픽셀에 직접 매핑됩니다.

.demo{  font-size: 0.5in; }

css mm 단위CSS 절대 단위란 무엇입니까?mm: 밀리미터(Millimeter)는 작은 크기의 물리적 측정 단위입니다.

.demo{  font-size: 10mm; }

css cm 단위CSS 절대 단위란 무엇입니까?cm: 센티미터는 전 세계 대부분의 사람들에게 친숙하고 유용한 물리적 측정 단위입니다. CSS에서는 픽셀에도 매핑됩니다.

.demo{  font-size: 1cm; }


지식 확장:

이러한 길이 단위가 어떻게 변환되는지 살펴보겠습니다. CSS 절대 단위란 무엇입니까?

1in = 2.54cm = 25.4 mm = 72pt = 6pc=96px
아래에서는 pt와 px의 상호 변환 공식을 제공합니다.

px = pt *(96/72)
pt=px*(72/96)

(학습 비디오 공유: 웹 프런트엔드 시작하기)

위 내용은 CSS 절대 단위란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.