728x90 css 레이아웃1 (2-1) HTML/CSS 중급 - 레이아웃 HTML 구성하기 대부분의 경우 콘텐츠의 흐름은 좌에서 우, 위에서 아래로 흐른다. CSS로 화면을 구분할 때에는 수직분할과 수평분할을 차례대로 적용하여 콘텐츠의 흐름을 따라 작업을 진행한다. 실제 VS Code 의 레이아웃을 분석해 큰 틀에서 추상화하면 다음과 같이 영역을 나눌 수 있다. CSS로 화면을 구분할 때에는 수직분할과 수평분할을 차례로 적용한다. HTML 문서를 통해 레이아웃을 작성하면 다음과 같이 구성할 수 있다. 아이콘 1 아이콘 2 아이콘 3 영역1 영역2 영역3 영역4 영역5 [코드] 레이아웃을 고려해 작성된 HTML 파일 참고 : 클래스 이름으로 지정된 w10, w20, w70 또는 h20, h40, h80 을 CSS로 구현하면 다음과 같다. .w70 { width : 70%; } .. 2021. 8. 3. 이전 1 다음
