padding1 [WEB/CSS] 박스 모델 이해하기 box.html이라는 새로운 파일을 만들고 그 곳에 아래와 같은 코드를 입력하였다. 결과는 h1태그를 사용했기 때문에 CSS가 제목으로 나타났고 a태그를 사용했기때문에 링크가 걸린 것을 확인할 수 있다. 그렇다면 이런 궁금증이 생길 수 있다. h1태그는 왜 자동으로 줄바꿈이 이루어지는가? a태그는 왜 h1과 달리 줄바꿈이 이루어지지 않고 사용이 되는가? 이때 나타나는 개념이 박스 모델이다. h1과 같은 태그는 화면전체를 사용하는 태그로써 block level element이라고도 불린다. a와 같은 태그는 글자 자기구역만을 사용하는 태그로써 inline level element라고 불린다. 그렇다면 block level element와 inline level element을 확인해 보기 위해 영역을 눈에.. 2022. 7. 1. 이전 1 다음
