본문 바로가기
CSS/Lib

CSS 초기화 도구 5가지

by Jundol 2015. 6. 8.



브라우저의 종류는 여러가지가 있다.

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.css


2. HTML5 Doctor CSS Reset

출처 : http://html5doctor.com/html-5-reset-stylesheet/

HTML5doctor_Reset.css


3. Yahoo! (YUI 3) Reset CSS

출처 : http://yui.yahooapis.com/3.18.1/build/cssreset-context/cssreset-context-min.css

yui3_reset.css


4. Universal Selector '*' Reset

출처 : http://cssreset.com/scripts/universal-selector-css-reset/#code-examples

Universal SelectorReset.css


5. normalize.css

출처 : http://necolas.github.io/normalize.css/

normalize3.0.2.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

http://cssreset.com/

2. image 참조

http://123cuss.blogspot.kr/2012/08/collection-css-reset.html

댓글