CSS에서 em의 단위는 무엇입니까?

CSS의 Em은 요소의 글꼴 크기를 기준으로 계산되는 상대 길이 단위입니다. 1em은 현재 요소의 글꼴 크기와 같습니다. 글꼴 크기에 적용하면 1em이 글꼴 크기와 같습니다. 부모 요소의.

이 튜토리얼의 운영 체제: Windows 10 시스템, Dell G3 컴퓨터.

CSS에서 em은 요소의 글꼴 크기를 기준으로 계산되는 상대 길이 단위입니다. 구체적으로 1em은 현재 요소의 글꼴 크기와 같습니다. 글꼴 크기에 적용하면 1em은 상위 요소의 글꼴 크기와 같습니다.

다른 속성에 적용될 때 em 단위는 요소의 글꼴 크기를 기반으로 상대 길이를 계산합니다. 이는 텍스트 크기에 상대적인 레이아웃을 구현할 때 em 단위를 매우 유용하게 만듭니다.

em 단위가 어떻게 사용되는지 보여주는 몇 가지 예는 다음과 같습니다.

/* 设置段落文本的字体大小为父元素字体大小的 1.2 倍 */
p {  
font-size: 1.2em;
    }
/* 设置 div 元素的宽度为当前字体大小的两倍 */
div {  
width: 2em;
    }

em은 상대 길이 단위이므로 상위 요소의 글꼴 크기를 상속하므로 변경하려면 중첩된 요소가 필요합니다. 레이아웃을 더 효과적으로 제어하려면 루트 요소(예: html 요소)의 글꼴 크기를 기준으로 계산되므로 rem 단위를 사용하는 것이 더 편리할 수 있습니다.

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