[CSS] div 크기 조정하는 방법

<div의 크기 조정 방법>

>> div

- div 태그는 기본적으로 높이와 너비를 가진다.

- font-size = div 태그 내에 작성한 글씨의 크기

- width = div 태그의 가로폭 (크기를 직접 지정할때는 px단위로 쓰는것을 주의)

- height = div 태그의 세로폭 (크기를 직접 지정할때는 px단위로 쓰는것을 주의)

등등 더 많지만 필요한건 그때그때 더 찾아보기 !

 

-> style.css 코드

 

: 배경색만 지정했을때

- 한줄이 쭉 div로 인지되기 때문에 글씨와 별개로 배경색이 길게 지정됨

div {
  background-color: aquamarine;
}

 

: 글씨크기, 가로, 세로를 지정했을때

- 코드를 쳐보면서 출력되는 화면을 확인하며 알맞은 크기로 맞춰나가면 된다.

div {
  background-color: aquamarine;
  font-size: 40px;
  width: 200px;
  height: 50px;
}