CSS의 차원이란 무엇입니까? (코드 예)

이 장에서 소개할 내용은 CSS에서 Dimension이란 무엇인가요? (코드 예시) . 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

1. 소개

CSS Dimension 속성을 사용하면 요소의 높이와 너비를 제어할 수 있습니다. 마찬가지로 줄 간격을 늘릴 수도 있습니다.

2. Dimension(크기) 속성 값

3. 예시

(1) 예시 1: 다양한 요소의 높이 설정

img.normal
{
    height:auto;
}
img.big
{
    height:120px;
}
p.ex
{
    height:100px;
    width:100px;
}

(2) 예시 2: 사용 백분율 값은 요소의 높이를 설정합니다.

html {height:100%;}
body {height:100%;}
img.normal {height:auto;}
img.big {height:50%;}
img.small {height:10%;}

(3) 예 3: 픽셀 값을 사용하여 요소의 너비를 설정합니다.

img {width:200px;}

(4) 예 4: 요소의 최대 높이 설정

p{
    max-height:50px;
    background-color:yellow;
}

(5 ) 예시 5: 백분율 값으로 설정 요소의 최대 너비

p{
    max-width:20%;
    background-color:yellow;
}

(6) 예시 6: 요소의 최소 높이 설정

p{
    min-height:100px;
    background-color:yellow;
}

(7) 예시 7: 픽셀로 요소의 최소 너비 설정 가치

p{
    min-width:150px;
    background-color:yellow;
}

위 내용은 CSS의 차원이란 무엇입니까? (코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!