인라인요소1 [CSS 기초] 블럭(블록) 및 인라인 요소 안녕하세요 PNcoding입니다 :) 이번 포스팅에서는 css의 block(블럭) , inline(인라인) 모델에 대하여 알아보도록 하겠습니다. 이러한 block(블럭) , inline(인라인) 모델을 이해한다는 것은 css를 사용하여 레이아웃을 구성하거나 콘텐츠들을 정렬하기가 쉬워진다는 의미라 할 수 있습니다. 1. 블럭 요소 (block element) 1-1. 태그의 가로 크기는 브라우저의 좌우 공간을 가득 채우며 존재 .box { height: 100px; background-color: lightblue; } 앞의 코드를 작성하시면 가로크기를 지정하지 않았음에도 불구하고 브라우저 가득 가로크기가 채워지는 것을 확인할 수 있습니다. (세로크기가 없으면 브라우저에 박스의 크기가 표현되지 않으니 세로.. 2023. 11. 6. 이전 1 다음 반응형
