배경은 배경 속성으로 만 전체 화면을 덮습니까?

Question

나는 내 CSS 파일이 쓰기합니다.

html { 
    background: black; 
} 

검은 색이 전체 화면을가립니다. 그러나 그 당시 내 html 요소는 실제 height.The height 속성이 div 같은 다른는 HTMLElement를 들어 0

입니다하지 않는해야 모두 background-color 작품을 실제 height 및 width 속성이 있습니다.

왜 body, html와 div 사이의 차이점은 무엇입니까?

내가 생각

html { 
    height: 100%; 
    width: 100%; 
    background: black; 
} 

전체 화면 배경 색상을 만들 수있는 유일한 방법입니다.

HTML, 본문 또는 프리젠 테이션에 관한 DIV 요소 사이에는 차이가없는 모든

Answer 1

첫째. 은 html과 body처럼 div 높이와 너비는 기본적으로 설정되지 않습니다. 사용자가 직접 설정하지 않고 내용이 없으면 배경색을 볼 수 없습니다.

예 :

.empty{ 
 
    background-color: black; 
 
} 
 

 
.size-set{ 
 
    height: 100px; 
 
    width: 100px; 
 
    background-color: green; 
 
} 
 

 

 
.content-div{ 
 
    background-color: yellow; 
 
}

<div class="empty"></div> 
 

 
<div class="size-set"></div> 
 

 
<div class="content-div">content is here</div>

나는이 의심의 일부를 취소 바랍니다.