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

CSS3 단위 란 무엇입니까?

青灯夜游
青灯夜游원래의
2022-06-01 20:37:072213검색

CSS3에서 단위는 측정 단위로 두 가지 유형으로 나눌 수 있습니다. 1. 길이를 표현하는 데 사용되는 크기 단위(em, rem, vw, vh, % 및 기타 상대 길이 단위와 px, cm 포함) , pc 및 기타 절대 길이 단위 2. 색상 이름(예: 빨간색), "rgb(x,x,x)" 등을 포함하여 색상을 나타내는 데 사용되는 색상 단위입니다.

CSS3 단위 란 무엇입니까?

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

CSS3에서 단위는 측정 단위이며 크기 단위와 색상 단위의 두 가지 유형으로 나눌 수 있습니다.

css 크기 단위:

다양하다고 설명할 수 있는 많은 CSS 크기 단위가 있지만 기본적으로 상대 길이 단위와 절대 길이 단위의 두 가지 범주로 나눌 수 있습니다.

상대 길이 단위

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

절대 길이 단위는 실제 물리적 크기를 반영하는 고정된 값입니다. 절대 길이 단위는 출력 매체에 따라 달라지며 환경(모니터, 해상도, 운영 체제 등)과 무관합니다. ㅋㅋㅋ 5 4cm)
Unit Description
em 현재 요소에 적용된 글꼴 크기를 기준으로 설명하므로 상대적인 길이 단위이기도 합니다. 일반 브라우저의 기본 글꼴 크기는 16px이면 2em == 32px입니다.
ex 영문자의 높이에 따라 다릅니다. 루트 em(root em)의 약어 rem이 루트가 아닌 요소에 작용할 때. , 루트 요소의 글꼴 크기에 상대적입니다. rem이 루트 요소의 글꼴 크기에 영향을 미치는 경우 초기 글꼴 크기에 상대적입니다.
vw 뷰포인트 너비, 창 너비, 1vw=창 너비의 1%
vh 뷰포인트 높이, 창 높이, 1vh=창 높이의 1%
vmin vw 그리고 vh 더 작은 것.
vmax vw와 vh 중 더 큰 것입니다.
%
팁: 렘과 엠의 차이점은 무엇인가요? 차이점은 rem을 사용하여 요소의 글꼴 크기를 설정할 때 여전히 상대적 크기이지만 HTML 루트 요소에만 상대적이라는 것입니다.
절대 길이 단위
px *

pixel (1px = 1in의 1/96)

pt

포인트, 약 1/72인치(1pt = 1/72in)

pcpica, 약 12pt, 1/6인치(1pc; = 12pt)색상 단위:Unit
픽셀은 아마도 "장치 픽셀"로 가장 잘 간주될 수 있으며, 이 픽셀 길이는 모니터에 표시되는 텍스트 화면 픽셀과 아무 관련이 없습니다. px는 실제로 도 단위로 측정된 단위입니다.
Description
(색상 이름) 색상 이름(예: 빨간색)
rgb(x,x,x ) RGB 값(예: rgb(255,0,0))
rgb(x%, x%, x%) RGB 백분율 값(예: rgb(100%,0%,0%))
#rrggbb

16진수(예: #ff0000)

(학습 영상 공유:

css 영상 튜토리얼, 웹 프론트엔드)

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

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