문제
정답
내 풀이
<div></div>div {
background-color:red;
width : 800px;
height : 200px;
}선생님 풀이
<div></div>
div {
height : 100px;
width:500px;
background-color:red;
}핵심사항
<div> 속성
- 자주 사용하는 Html 태그
- 아무것도 입력하지 않아 내용이 없으면 높이, 넓이가 0 이여서 아무것도 안나타남
- 내용이 들어가야 표시가 됨
- 기본속성 :
height : auto; / width : auto; = height : 0; / width : 100%;- auto : 태그 안에 내용을 집어넣으면 내용물 만큼 높이가 잡힘, 내용이 없다면 기본속성을 가짐
- 작성이 되지 않아도 태그는 고유의 자신의 속성값을 가지고 있음
- 높이는 글씨 크기만큼 영역을 가짐
- 넓이는 내용이 없어도 있어도 화면전체의 범위가 정해짐
- 특정한 높이와 넓이가 지정을 하고 싶다면
- 내용물 없이 높이와 넓이를 지정하려면 Css로 지정하며 된다.
Css 주석 : /**/
Html 주석 : <!-- -->
요약
<div>는 기본속성으로
1. height : 0; / width : 100%; 를 가지고 있으며
2. 내용물에 상관 없이 영역 크기를 조잘하고 싶으면
Css를 사용해 높이와 넓이를 지정해주면 된다.
