각종 학습 요약/Web

HTML Page Layout : 화면을 나누는 방법

닉Nick 2022. 4. 28. 16:50

페이지 레이아웃

레이아웃: 화면을 나누는 방법


  1. HTML 구성 기본 TIP

    • html을 작성할 때는 작성한 요소들이 위쪽으로부터 아래쪽으로, 그다음엔 왼쪽으로부터 오른쪽으로 쌓여간다고 생각하면 작업이 수월하다.
  2. CSS style 작업을 하기 전 가장 먼저 해야할 일 : 레이아웃 리셋

    • HTML 문서는 지금 막 생성한 것이라도 자체적인 style이 있다.
    • 때문에 예상치 않게 여백이 생기거나 사이즈 계산이 맞지 않게 된다. 브라우저 간의 차이도 있고.
    • 그래서 이런 차이들을 최소화 하는 style을 가장 먼저 적용하는데, 이 작업을 레이아웃 리셋이라고 한다.
* {
    box-sizing: border-box;
}
body {
    margin:0;
    padding:0;
}
< 가장 기본적인 스타일의 CSS 코드 예시 >