CSS3에서 단위는 측정 단위로 두 가지 유형으로 나눌 수 있습니다. 1. 길이를 표현하는 데 사용되는 크기 단위(em, rem, vw, vh, % 및 기타 상대 길이 단위와 px, cm 포함) , pc 및 기타 절대 길이 단위 2. 색상 이름(예: 빨간색), "rgb(x,x,x)" 등을 포함하여 색상을 나타내는 데 사용되는 색상 단위입니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
CSS3에서 단위는 측정 단위이며 크기 단위와 색상 단위의 두 가지 유형으로 나눌 수 있습니다.
css 크기 단위:
다양하다고 설명할 수 있는 많은 CSS 크기 단위가 있지만 기본적으로 상대 길이 단위와 절대 길이 단위의 두 가지 범주로 나눌 수 있습니다.
상대 길이 단위
상대 길이 단위는 다른 길이에 상대적인 한 길이의 속성을 지정합니다. 다양한 장치 상대 길이에 더 적합합니다.
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 루트 요소에만 상대적이라는 것입니다. | |
절대 길이 단위 | 절대 길이 단위는 실제 물리적 크기를 반영하는 고정된 값입니다. 절대 길이 단위는 출력 매체에 따라 달라지며 환경(모니터, 해상도, 운영 체제 등)과 무관합니다. ㅋㅋㅋ 5 4cm) |
px *pixel (1px = 1in의 1/96)
pt
포인트, 약 1/72인치(1pt = 1/72in)
pica, 약 12pt, 1/6인치(1pc; = 12pt) | |
---|---|
픽셀은 아마도 "장치 픽셀"로 가장 잘 간주될 수 있으며, 이 픽셀 길이는 모니터에 표시되는 텍스트 화면 픽셀과 아무 관련이 없습니다. px는 실제로 도 단위로 측정된 단위입니다. | |
Description | |
(색상 이름) | 색상 이름(예: 빨간색) |
rgb(x,x,x ) | RGB 값(예: rgb(255,0,0)) |
rgb(x%, x%, x%) | RGB 백분율 값(예: rgb(100%,0%,0%)) |
(학습 영상 공유:
css 영상 튜토리얼위 내용은 CSS3 단위 란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!