레이아웃

[CSS] CSS에서 위치를 담당하는 요소들

디스플레이(Display) display 속성은 웹 페이지의 레이아웃(layout)을 결정하는 중요한 속성 중 하나이다. html의 모든 요소는 각각의 기본 display 속성 값을 가지고 있고, CSS를 통해 속성 값을 바꿀 수 있다. li { display: inline; } /* 요소를 inline으로 변경하면 가로메뉴를 만들 수 있다 */ 인라인-블록(inline-block) 요소 자체는 인라인(inline) 요소처럼 동작하지만, 내부에서는 블록(block) 요소처럼 동작한다. 인라인 요소와 다르게 너비와 높이를 설정할 수 있다. 블록 요소처럼 margin을 이용하여 여백을 지정할 수 있다. 주로 메뉴나 내비게이션 바를 만들 때 사용된다. HTML 요소 숨기기 display 속성 값을 none으로..