프로그래밍 스터디( 공부노트 )/HTML, CSS

브라우저 간의 통일된 스타일을 주는 css 설정, CSS normalize

김갤럭시 2021. 12. 25. 10:28
반응형

CSS normalize

 

html, css 코딩을 하다보면 문제가 생깁니다.

같은 코드를 짜도 다른 브라우저에선 이상하게 보일 수 있습니다. 

브라우저마다 <button>의 스타일이 다르고, 가끔 line-height 이런 줄간격같은 것도 다르고

다음 시간에 배울 <input> 사이즈도 다르기 때문입니다. 

 

브라우저간 통일된 스타일을 줘야합니다.

특정 옵션을 css 맨 위에 적고 코딩을 시작해야 합니다.

 

CSS Normalize 링크 :  https://github.com/necolas/normalize.css/blob/master/normalize.css 

그래서 이 링크는 CSS normalize 라고 만든 문서입니다.

여기있는 스타일 붙여넣으시면 브라우저간 다르게 보이는 문제들을 미리 해결할 수 있습니다. 

 

그래서 여기 있는 스타일을 그대로 여러분의 CSS 파일에 복붙하시거나

아니면 다운받아서 <link> 태그로 첨부하시면 됩니다.

 

normalize css

반응형