CSS Box model
-
[생활코딩] CSS Box modelStudy/HTML & CSS 2019. 11. 26. 19:55
태그와 같이 제목으로 지정된 태그는 화면 전체(좌에서 우 끝까지)를 차지하고, 태그와 같이 화면 전체를 차지하지 않아 줄바꿈이 되지 않는 태그도 있다. 왜 이렇게 각 태그가 차지하는 공간이 다를까? 그 이유는 각 태그마다 차지하는 공간의 크기가 다르게 기본값이 설정되어있기 때문이다. block level element & inline element 화면 전체를 쓰는 태그를 block level element 라고 한다. 하지만 display: inline 속성을 추가하여 컨텐츠 크기만큼으로 변환할수도 있다. 자신의 컨텐츠 크기 만큼 화면의 부분만을 쓰는 태그를 inline element 라고 한다. 하지만 display: block 속성을 추가하면 화면 전체크기만큼으로 변환할 수 있다. 콤마를 활용하면 ..