reset.css

reset.css 파일이란?

다양한 브라우저 자체에 기본값으로 설정 되어있는 스타일 속성을 Reset 시켜준다.
css를 reset 시키면 다양한 브라우저의 각기 다른 기본값이 동등해지며 같은 코딩으로 같은 결과를 여러 브라우저에서 확인할 수 있다.
(물론 브라우저마다 지원하는 css 태그가 다르기 때문에 확인 필요)

만드는 방법?

구글에 reset.css라고 검색하면 다른 개발자분들이 친절하게 만들어서 배포해주신 무수히 많은 reset.css 코드들이 나온다.

reset.css라는 파일을 생성하고 검색해서 나온 코드를 복사해 붙여넣어 저장해주면 된다.

내가 사용하는 reset.css 코드 링크

https://cssdeck.com/blog/scripts/eric-meyer-reset-css/

ex) 자주 사용하는 reset 태그와 속성

input:focus {
outline: none;
}
a {
color: inherit;
text-decoration: none;
}

input이 focus 됐을때 outline이 잡히는것을 없애고,
링크의 색이 변하지 않게 하며 언더라인을 없앤다.
(안그러면 너무 못생김...)

출처: https://bluemin.tistory.com/3 (이전에 쓰던 나의 개발 블로그)