레이아웃 리셋
HTML은 기본 스타일을 가지고 있다.
하지만 이런 기본 틀이 내가 만들고자 하는 페이지의 구현을 방해할 경우가 있다.
* <body> 태그에 기본적으로 약간의 여백이 존재함
* Width, height 의 여백이 포함되어있지 않아 계산상의 어려움
* 다양한 브라우저마다 기본 여백, 글꼴등의 스타일이 조금씩 다르다
HTML 레이아웃을 Reset 하기 위한 대표적인 라이브러리로 { reset.css }, { normalize.css } 가 있는데 보통 유용한 기본값들은 유지시키는 { normalize.css } 라이브러리 사용이 추천된다. 이유1 이유2
CSS파일에서 수동으로 코드를 작성해 HTML 기본 레이아웃을 제거 할 수도 있다.
//기본 스타일링 제거
*{
box-sizing: border-box;
}
body { margin: 0; padding: 0; }