reset css
▷모든 margin 값을 0으로 만드는 것.
▷많은 html tag들은 기본적으로 가지고 있는 스타일들이 있다. (margin, padding 등의 기본 스타일들을 제거해주는 역할을 한다. 심지어 h1의 크기나, li부분의 dot같은 경우도 전부 reset 된다.
▷하나하나 전부 제거하기 어렵기 때문에 하나의 파일을 사용하면 간편하다.
▷browser마다 해당 tag의 값들이 다르기도 하기 때문에 어떤 브라우저를 사용하든 사용자들에게 동일한 서비스를 제공하기 위해서는 reset.css를 사용하는 것도 좋다. 또한 padding과 같은 것들은 전체적인 디자인을 하는데에 있어서 영향을 미치기 때문에 원하는 디자인을 하기 위해서는 꽤 중요한 부분이라고 생각한다.
normalize.css
▷기본적인 style(h1을 말그대로 제목처럼 보이게 하거나, li를 list형식으로 보여주는 것들)을 지니고 있지만 기준을 만들어 주는 것이다.
▷browser마다 조금씩 다르게 보이는 것들이 있는데, 그것을 하나의 기준으로 통일하여 모든 brower에서 동일한 스타일을 보이게 하는 것이다.
ex) h1 tag의 font-size: 28px로 통일하는 것과 같은 것
'개발언어 기록 > CSS' 카테고리의 다른 글
| css animation 총정리 (transition, transform, translate, animation, @keyframes) (0) | 2019.05.26 |
|---|---|
| css animation (0) | 2019.05.21 |
| box-sizing: border box 사용법 (0) | 2019.05.19 |
| position: fixed; 가운데 정렬하기 (0) | 2019.05.18 |
| [CSS] 선택자 활용하기 (0) | 2019.05.17 |
