reset.css & common.css

프로젝트 시 초기화 해야 할 작업과 컨텐츠에 따른 공통적으로 처리해줘야 하는 작업이 있다.

// 어느 프로젝트나 반드시 초기화해야할 내용
01_ reset.css

• element{padding: 0; margin: 0; border: 0;}
• body{font-size: 100%;}
  => font-size 속성 스펙상 기본적으로 상속되나, 적용되지 않는 태그들이 있어서 선언해줌
• img{vertical-align: top;}
• ul, ol{list-style: none;}
• a{text-decoration: none; color: inherit;}

// 프로젝트에 따라 달라지는 내용
02_ common.css

• .page_margin{max-width: calc(100% - 좌우여백 더한값);
  => 이 클래스는 페이지의 각 영역별로 적용을 해주는게 유지보수 측면에서 좋다. (전체적으로 페이지 여백이 절대 변할일이 없다면 한번에 해주면 좋고...)