[CSS] reset.css 설정

reset.css 란?

➡️ 웹페이지의 CSS 제작 전, 미리 페이지의 기능 일부를 초기 설정하는 것

➡️ 레이아웃을 설정하기 전에, 시스템에서 기본으로 설정되어 있는 margin, padding, font-size, font, vertical-align, font-weight, font-style, list-style, a태그 속성, 테이블 테두리 속성 등을 0 이나 none 설정하여 디자인하기에 편하도록 설정

❇️ https://meyerweb.com/eric/tools/css/reset/ 참조해서 reset.css 작성!

---

common.css

➡️ 웹페이지 제작 시 여러 페이지에 공통으로 처리되는 기능에 이름을 부여하여, 작업의 효율을 높일 수 있도록 처리하는 것

: #wrap {width : 1200px; height:auto; min-height:1000px; background-color : #fff}

: .clearfix::after {content :”” ; display : block ; width : 100% ; height : 0 ;
box-sizing : border-box ; clear : both;}

---

font 설정

➡️ 각 브라우저에서 각각 다른 서체가 적용되는 상황을 방지하기 위해 html 파일 head 부분과 css 파일에 font를 지정해야 함

➡️ google font 등을 이용해 사용하고자 하는 폰트의 css link를 복사/붙여넣기!