어느 사이엔가 CSS(cascadind style sheet)의 기술 발전에 따라 여러 유파가 생기고 그에 따라 여러 작업이 새롭게 생긴 것 같습니다. 전에 웹을 처음 접했을 때 보다는 지금은 초기 작업 시간이 단축되어 이제는 거의 모든 마크업 엔지니어들이 효율성이 입증된 몇몇 개의 프로그램으로 웹 작업에 도입하고 있다고 보이는 것 같습니다.
CSS Reset?
브라우저의 종류는 여러 가지가 있습니다.
IE, Chrome, FF, Opera, Safari 등 많은 브라우저가 있는데 브라우저마다 CSS 속성의 기본값이 전부 제각각입니다. 그리하여 전부 똑같은 CSS 초깃값을 주기 위해 CSS reset 초기화 라이브러리가 생겨나기 시작했습니다.
참고
흔히들 Reset CSS가 말 그대로 무조건 초기화를 시켜버리는 것에 집중하고 있는 것에 반해 Normalize의 경우는 초기화는 시키지만 어느 정도 스타일이 가미되어 있다고 이해하시면 좋을 듯 합니다.
예전에는자주 사용 했는 Reset CSS는 v2.0으로 2011년도가 최신상태이고, HTML5 Doctor CSS Reset는 2010년, YUI는 2014년에 v3.18.1이 나온뒤 업데이트가 없는것 같습니다. Reset CSS는 CDN도 있으니 사용 하실분은 사용 하셔도 됩니다.
https://cdnjs.com/libraries/meyer-reset
이사이트 말고도 여러 사이트가 있지만, (Killer Collection of CSS Resets)
지금까지 살아 남아 계속 발전하고 있는 사이트가 normalize.css로 많은 사람들이 이제는 css reset이라면 normalize.css라고 생각 하기도 합니다. CDN은 밑에
https://cdnjs.com/libraries/normalize
HTML 파일에 normalize.css를 삽입 방법
위의 CDN사이트에 방문하셔서 링크 주소를 복사합니다. 이때 복사할 주소란에 마우스를 대시면 Copy가 너오고 옆에 밑으로 보이는 화살표를 누르시면 Copy link tag를 누르시면 됩니다.
그것을 <head> ~ </head>사이에 넣으시면 됩니다.
<head>
...
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
...
</head>