1. 웹페이지 영역 정리(분리)

2. 행 단위로 쪼개기

3. 보통 사이드바 영역은 고정 (200px)

요즘엔 모바일 환경을 고려하여 헤더-내비-콘텐트-푸터 식으로 심플하게 디자인함

CSS 초기화 코드

-모든 브라우저에서 비슷한 출력 결과를 얻기 위해 사용 (cross-browsing)

-브라우저가 html 요소들에 기본적으로 설정하는 스타일 속성들을 제거

많이 사용되는 CSS 초기화 코드

-Eric Meyer's Reset CSS https://meyerweb.com/eric/tools/css/reset/

모바일 웹 주의사항

-overflow 속성의 제한: 요소에 스크롤바 생성제한

-상태 선택자 사용의 한계: hover 선택자와 active 선택자

-동위 선택자의 제한: ~선택자를 지원하지 않음

-브라우저에 따라 지원하지 않는 스타일 속성