Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- JS
- 백준구현문제
- CSS
- 몽고DB
- HTML5
- 프로그래머스코테
- 코딩테스트
- dp알고리즘
- 다이나믹프로그래밍
- 리액트
- 프로그래머스JS
- js코테
- 백준js
- 익스프레스
- 자바스크립트
- 프로그래머스
- 백준nodejs
- css기초
- 리액트댓글기능
- HTML
- JS프로그래머스
- 안드로이드 스튜디오
- 백준골드
- 백준구현
- 리액트커뮤니티
- 포이마웹
- 백준
- 백준알고리즘
- 코테
- 알고리즘
Archives
- Today
- Total
목록HTML레이아웃 구성 (1)
개발새발 로그

이전에는 table을 사용하여 layout을 만들기도 하였으나 html과 css의 본연의 취지와도 맞지 않을 뿐더러 반응형 웹 페이지 작성이 곤란하며 코드의 양 또한 많아져 현재는 거의 사용하지 않는다. 모던한 웹 페이지는 style과 layout을 담당하는 CSS를 사용하여 layout을 구성하는 것이 바람직하다. layout의 핵심은 블록 레벨 요소들을 원하는 위치에 배열하는 것이다. CSS를 사용하여 layout을 구성할 때에 자주 사용되는 핵심 기술은 float이다. 다음은 전형적인 웹사이트의 layout이다. layout이란 웹사이트를 구성하는 요소들을 배치할 공간을 분할하고 정렬하는 것이다. 공간을 분할할 때는 먼저 행을 구분한 후, 행 내부 요소를 분리하는 것이 일반적이다. 1. Header..
CSS
2023. 6. 13. 15:45