CSS

🧩 CSS 요소를 정렬하는 방법 중에서 가운데 정렬하는 방법을 정리했다. 1. text-align: center 정렬 대상의 부모 요소에 지정 inline/ inline-block 요소만 적용된다. 자식 요소가 block이면 inline-block으로 설정 2.

display 속성 중에서 가장 기본이자 중요한 block, inline, inline-block에 대해서 정리해 보았다. 특징을 살펴보고, 어떤 차이점들이 있는지 살펴보자!한 줄에 한 개만 배치 (자동 줄바꿈)해당 라인의 모든 너비 차지 (width 기본값= 100%

박스 모델 >박스 모델은 모든 HTML 요소가 사각형의 박스로 둘러 쌓여 있다는 개념이다. 박스 형태의 요소들을 하나씩 원하는 곳에 배치해 원하는 모양으로 만들어 나가는 것이 결국 웹 페이지를 만드는 본질이다. 박스 모델의 성격은 display 속성을 사용하면 변경

문서상 요소 배치하는 방법이다. top, left, bottom, right 등의 속성과 함께 사용해서 위치를 지정한다.static(기본값)relativeabsolutefixedsticky기본값문서의 흐름대로 쌓인다.left, top, right, bottom 영향을