CSS에서 가장 일반적으로 사용되는 길이 단위는 픽셀(px), 백분율(%), rem, em, vh, vw, pt, cm, mm, in 등입니다. 이 단위는 요소의 너비, 높이, 테두리 크기, 글꼴 크기 등을 설정하는 데 사용할 수 있습니다.
div { width: 200px; height: 100px; font-size: 16px; border: 1px solid #000; }
위 코드 예에서 width
和 height
属性使用了像素单位来定义 div 元素的宽度和高度,font-size
属性使用像素单位来定义字体大小,border
속성의 너비도 픽셀 단위입니다.
div { width: 50%; height: 50%; }
위 코드 예에서 div 요소의 너비와 높이는 상위 요소 크기의 50%로 설정됩니다.
html { font-size: 16px; } div { width: 10rem; height: 5rem; font-size: 1.2rem; }
위의 코드 예에서 루트 요소의 글꼴 크기는 16px로 설정되고, div 요소의 너비와 높이는 루트 요소 글꼴 크기의 10배이며, 글꼴은 루트 요소의 글꼴 크기의 10배입니다. size는 루트 요소의 글꼴 크기의 1.2배입니다.
div { font-size: 16px; width: 2em; height: 2em; }
위 코드 예에서 div 요소의 너비와 높이는 요소 자체 글꼴 크기의 두 배로 설정됩니다.
위 단위 외에도 다른 길이 단위도 있습니다.
간단히 말하면, 최상의 효과를 얻으려면 상황에 따라 적절한 길이 단위를 선택해야 합니다.
위 내용은 일반적으로 사용되는 CSS 길이 단위는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!