본문 바로가기

Programming/html5 & css3

css3 / 초기화코드

모든 html 페이지의 첫 번째 스타일시트는 초기화코드로 시작한다. 초기화 코드는 모든 웹 브라우저에서 동일한 출력 결과를 만들기 위해 사용. 

마진과 패딩을 모두 0로 지정, 폰트 강제 지정, 폰트 크기, 입력 양식의 사이즈 통일 등을 동일하게 맞춰주기

 

초기화 코드 링크 1. Eric Meyer's Reset CSS : 모든 것을 초기화함.(조금 안해주는 것도 있긴함..그런건 직접)

http://meyerweb.com/eric/tools/css/reset/

 

CSS Tools: Reset CSS

CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're inter

meyerweb.com

네모 칸 안의 코드를 끝까지 복사 후 style시트에 붙이기.

 

 

초기화 코드 링크 2 - ress : 어느 정도 형태를 남기고 초기화를 해준다. (eric보다 초기화양이 적음)

https://github.com/filipelinhares/ress 

 

Build software better, together

GitHub is where people build software. More than 40 million people use GitHub to discover, fork, and contribute to over 100 million projects.

github.com

링크에 접속하면 맨 밑에 CDN 부분 링크를 복사해서 style시트 삭제 후,

link입력하면 자동완성으로 뜨는 목록 중 link:css 선택.

=<link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css"href= 뒤에 복사한 주소를 붙여넣기