display2 CSS 위치속성 디스플레이, 포지션, 오버플로우 CSS display display 속성은 웹 페이지의 레이아웃(layout)을 결정하는 CSS의 중요한 속성 중 하나이다. 이 속성은 해당 HTML 요소가 웹 브라우저에 언제 어떻게 보이는가를 결정합니다. 대부분의 HTML 요소는 display 속성의 기본값으로 다음 두 가지 값 중 하나의 값을 가진다. 1. 블록(block) display 속성값이 블록(block)인 요소는 언제나 새로운 라인(line)에서 시작하며, 해당 라인의 모든 너비를 차지한다. , , , , , 요소는 대표적인 블록(block) 요소이다. 2. 인라인(inline) display 속성값이 인라인(inline)인 요소는 새로운 라인(line)에서 시작하지 않는다. 또한, 요소의 너비도 해당 라인 전체가 아닌 해당 HTML 요소.. 2020. 10. 21. HTML 공간 분할(layout, iframe, block & inline) Layout 레이아웃은 특정 공간에 여러 구성 요소를 효과적이고 효율적으로 배치하는 작업을 의미하며, 보기 좋게 구조화 하는 매우 중요한 요소이다. 주로 시맨틱 요소들이 사용되며, 시멘틱(Semantic) 요소는 웹페이지를 쉽게 이해할 수 있도록 정의된 의미론적 태그를 말한다. ● header 웹사이트 상단에 위치하며 주로 로고, 검색, 웹사이트의 이름 등을 표현한다. ● nav 네비게이션 바(Navigation Bar)를 의미하며 카테고리, 메뉴 등을 위치 시킨다. - header 안에 nav 가 포함될 수도 있으며 header 밖으로 나와 단독적으로 사용되기도 한다. ● aside 보통 웹사이트 양옆에 위치하며 본문과는 연관성이 떨어진 내용을 추가한다. ● section html 문서의 전체적인 내용.. 2020. 9. 28. 이전 1 다음
