반응형
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> 태그로 첨부하시면 됩니다.
반응형
'프로그래밍 스터디( 공부노트 ) > HTML, CSS' 카테고리의 다른 글
html 의 form 과 input 을 이용한 예제 (0) | 2021.12.25 |
---|---|
html 에 있는 form과 input에 대해서 공부합시다. (0) | 2021.12.25 |
css 좌표이동, position : relative, absolute, fixed (0) | 2021.12.20 |
css 셀렉터 사용하기 / 배경넣기 , background-image (1) | 2021.12.20 |
css - display : inline-block 사용하는 방법 정리하기 (0) | 2021.12.20 |