CSS 절대 길이의 주요 단위는 무엇입니까? 절대 길이 단위를 어떻게 변환하나요?

이 글에서는 CSS 길이 단위 중 주요 절대 길이 단위가 무엇인지, 그리고 이를 변환하는 방법을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

CSS에는 다양한 길이 단위가 있는데, 이는 다양하다고 설명할 수 있지만 기본적으로 상대 길이 단위, 절대 길이 단위, 시각적 영역 백분율 길이 단위의 세 가지 범주로 나눌 수 있습니다. 절대 길이 단위는 서로 고정되어 있으며 주로 px, pc, pt, in, mm, cm를 포함한 다른 요소의 크기 변화로 인해 변경되지 않는 길이 단위를 나타냅니다.

먼저 길이의 단위에 대해 간단히 소개하겠습니다.

css px 단위---가장 일반적으로 사용되는 길이 단위

px(픽셀이라고도 함)는 화면 미디어(즉, 컴퓨터 화면에서 읽음)의 고정 크기 단위이며 각도로 측정된 단위. 한 픽셀은 컴퓨터 화면의 한 지점(예: 화면 해상도의 가장 작은 부분)과 동일하며 웹 페이지는 픽셀별로 정확하게 완벽하게 렌더링될 수 있습니다. 예를 들어 설정 방법을 살펴보겠습니다.

.demo{  font-size: 40px; }

css pc unit

pc: Pica, 이는 우리나라의 새로운 4번 서체 크기와 같습니다.

.demo{  font-size: 4pc; }

css pt 단위

pt: 포인트(Point), 절대 길이 단위

.demo{  font-size: 40pt; }

css 단위

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와 pt의 상호 변환 공식을 제공합니다. px :

px = pt * (96/72)

pt = px * (72/96)

요약: 위 내용은 이 글의 전체 내용이므로, 모든 분들의 공부에 도움이 되길 바랍니다. 더 많은 관련 튜토리얼을 보려면 CSS 기본 비디오 튜토리얼 , CSS3 비디오 튜토리얼 , bootstrap 비디오 튜토리얼 을 방문하세요!

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