CSS_border-box와 css normalize

▶️ border-box

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

1. div 박스의 width를 주게되면 padding, border를 고려하지 않는다. 그래서 200px의 박스를 만들어도, padding을 많이 주게 되면 실제 보여지는 박스의 폭이 padding 만큼 늘어난다.
2. box-sizing이라는 속성을 주게되면 border까지를 실제 박스의 폭으로 설정해준다.

▶️ css-normalize

https://github.com/necolas/normalize.css/blob/master/normalize.css

브라우저 간 통일된 스타일을 주기 위해서, 해당 링크에 있는 스타일을 CSS파일에 복사하거나, 다운받아 link 태그로 첨부한다.