CSS Reset, Normalize

기본 태그 속성 reset

body {
    margin: 0;
}

div {
    box-sizing: border-box;
}

html {
    line-height: 1.15;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 8px;
}

li, a {
    text-decoration: none;
}

• 태그들은 기본적으로 적용되어 있는 속성들이 존재한다
• 이를 미리 초기화 시켜주는 것을 CSS Reset이라고 하는데, 위처럼 각 태그의 속성을 미리 초기화 시켜준 뒤 개발을 진행하면 더 편리하다

CSS Normalize

• CSS Normalize 링크 : https://github.com/necolas/normalize.css/blob/master/normalize.css
• 크롬, 파이어폭스 등 브라우저마다 호환성 문제로 개체가 다르게 보이는 이슈가 있는데, 이를 해결하기 위해서는 css normalize가 필요하다
• 위 링크의 스타일 시트를 css 상단에 붙여넣거나 새로운 css file로 link 참조해서 사용할 수 있다