London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
HTML 레이아웃 요소
HTML에는 웹 페이지의 다른 부분을 정의하는 몇 가지 의미론적 요소가 있습니다.
<header> - Defines a header for a document or a section <nav> - Defines a set of navigation links <section> - Defines a section in a document <article> - Defines an independent,
self-contained content <aside> - Defines content aside from the content (like a sidebar) <footer> - Defines a footer for a document or a section <details> - Defines additional details
that the user can open and close on demand <summary> - Defines a heading for the <details> element
floatCSS 속성 을 사용하여 전체 웹 레이아웃을 수행하는 것이 일반적 입니다. Float은 배우기 쉽습니다 . float및
clear속성이 어떻게 작동하는지 기억하기만 하면 됩니다.
단점: 부동 요소는 문서 흐름에 연결되어 유연성에 해를 끼칠 수 있습니다. CSS 부동 및 지우기 장 에서 부동에 대해 자세히 알아보십시오 .
예시
Cities
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
CSS 플렉스박스 레이아웃
flexbox를 사용하면 페이지 레이아웃이 다양한 화면 크기와 다양한 디스플레이 장치를 수용해야 할 때 요소가 예상대로 작동하도록 합니다.
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
CSS 그리드 레이아웃
CSS 그리드 레이아웃 모듈은 행과 열이 있는 그리드 기반 레이아웃 시스템을 제공하므로 부동 소수점과 위치 지정을 사용하지 않고도 웹 페이지를 더 쉽게 디자인할 수 있습니다.