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
- 백준
- 포이마웹
- 익스프레스
- 자바스크립트
- 코딩테스트
- js코테
- 백준구현
- JS프로그래머스
- HTML
- 리액트댓글기능
- JS
- 백준nodejs
- 백준js
- css기초
- CSS
- 백준골드
- 알고리즘
- 프로그래머스코테
- dp알고리즘
- 리액트
- HTML5
- 백준구현문제
- 몽고DB
- 리액트커뮤니티
- 코테
- 백준알고리즘
- 다이나믹프로그래밍
- 안드로이드 스튜디오
Archives
- Today
- Total
목록css레이아웃 (1)
개발새발 로그

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