브라우저의 종류는 여러가지가 있다.
IE , Chrome , FF , Opera , Safari 등 많은 브라우저가 있는데
브라우저마다 CSS속성의 기본값이 전부 제각각이다.
때문에 크로스 브라우징 할 때 퍼블리셔들은 CSS의 늪에 빠지기 쉽다.
그리하여 전부 똑같은 CSS 초기값을 주기 위해 css reset 초기화 라이브러리가 생겨났다.
사용법은 css소스코드를 자신의 프로젝트의 main.css 의 최상단에 넣거나 css를 불러올때 맨 처음 불러오면 된다.
1. Eric Meyer's 의 "Reset CSS" 2.0
출처 : http://meyerweb.com/eric/tools/css/reset/
reset.css2. HTML5 Doctor CSS Reset
출처 : http://html5doctor.com/html-5-reset-stylesheet/
3. Yahoo! (YUI 3) Reset CSS
출처 : http://yui.yahooapis.com/3.18.1/build/cssreset-context/cssreset-context-min.css
4. Universal Selector '*' Reset
출처 : http://cssreset.com/scripts/universal-selector-css-reset/#code-examples
5. normalize.css
출처 : http://necolas.github.io/normalize.css/
다섯가지 중 가장 유명한건 1번의 Eric Meyer's 의 Reset.css 와 5번의 normalize.css 이다.
특히 5번의 normalize.css 는 트위터, 깃헙 , 사운드클라우드 , 부트스트랩 등등 다양한 곳에서 검증받고 사용되고있으므로 믿고쓰는 reset.css 이다.
참조
1. cssreset.com 2015's most popular CSS Reset scripts, all in one place
2. image 참조
http://123cuss.blogspot.kr/2012/08/collection-css-reset.html
댓글