반응형 width & box-sizing

div 박스의 width를 주게 되면 content부분의 크기만 고려한다.

-> 파란색 부분만 width인 셈!

박스의 폭을 border까지 설정해주고 싶을 때 쓰는 속성

.box {
  box-sizing : border-box; /*박스의 폭은 border까지 포함입니다*/
  box-sizing : content-box; /*박스의 폭은 padding 안쪽입니다*/
}

필수 기본값 CSS 리스트 예시

근데 이제 하나하나씩 box-sizing 속성을 추가하기에는 귀찮으니까
css파일 맨 위에 이러한 속성을 한번에 추가하고 시작 ㄱ ㄱ

예를 들어 이런거..

div {
  box-sizing : border-box;
}
body {
  margin : 0;
}

CSS normalize

브라우저 간 다르게 보이는 문제 해결 가능
CSS Normalize 링크 : https://github.com/necolas/normalize.css/blob/master/normalize.css