CSS 상대 길이 단위는 무엇입니까

CSS에서 상대 길이 단위는 다른 항목과의 관계를 기준으로 측정된 길이 단위이며 고정된 값이 없습니다. 측정된 실제 거리는 화면 해상도, 시각적 영역의 너비 및 높이 등과 같이 제어할 수 없는 다른 요인으로 인해 변경될 수 있으며 일부 상대 단위의 경우 크기는 해당 단위를 사용하는 요소에 따라 달라집니다. 서로 다릅니다.

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

추천: css 비디오 튜토리얼

상대 길이 단위(상대 길이 단위)

이름에서 알 수 있듯이 상대 단위에는 고정된 값이 없습니다. 해당 값은 미리 정의된 다른 값이나 특성과 관련이 있습니다. 상대 단위를 사용하면 요소의 너비, 높이, 글꼴 크기 등을 다른 기본 매개변수와 연관시킬 수 있으므로 요소의 크기를 적절하게 조정하기가 쉽습니다.

이러한 단위는 반응형 레이아웃을 만들 때 종종 권장되며 디지털 미디어에 선호됩니다. 해당 값은 사용 중인 글꼴을 기준으로 하거나 화면 보기 창의 높이 및 너비를 기준으로 할 수 있습니다.

CSS

1.Em 단위

em은 상대적인 글꼴 길이 단위로, 단위 길이는 요소 텍스트의 세로 길이에 따라 결정됩니다. 예를 들어 1em은 현재 글꼴 크기(글꼴 크기 속성)에 해당하고 2em은 현재 글꼴 크기의 두 배에 해당합니다. 다른 속성(너비, 높이)에 사용되는 경우 요소 자체의 글꼴 크기를 기준으로 합니다. 너비, 높이, 줄 높이, 여백, 패딩, 테두리 및 기타 스타일을 설정하는 데 사용할 수 있습니다.

2. rem 단위

rem은 CSS3의 새로운 상대적 글꼴 길이 단위입니다. 그 길이는 루트 요소, 즉 html 요소의 글꼴 크기에 의해서만 결정됩니다. 페이지.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 교육을 방문하세요! !

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