box-sizing

*{
  box-sizing: border-box;
}

• border값이 변경되거나 패딩이나 마진값이 변경될때 너비를 계산하는 것이 불편하여 나온 속성입니다.
• 이 속성을 사용하면 너비값만큼만 나옵니다.

  * 선택자로 모든 태그들을 박스 사이징으로 적용하여 대부분 웹페이지에 기본적으로 사용합니다.

Assignment

1. new 클래스가 아니라 모든 태그에 box-sizing: border-box; 이 적용될 수 있도록 css를 수정해주세요.

   *{
     box-sizing: border-box;
   }

2. html 바로 위에(24번째 라인 아래) 마지막 요소를 추가하려고 합니다.

• 태그에 "new 클래스가 없는 박스" 라고 내용을 채워주세요.
• 해당 요소의 가로도 300px로 해주세요.
• 1,2번 완료 후 모든 너비가 같은지 확인해주세요.

  <div>new 클래스가 없는 박스</div>

  div {
    background-color: yellow;
  }

주의 사항)
해당 과제를 수행하기 위해서는 Assignment 이전의 과정들도 잘 진행하셔야 됩니다.
쉽게 확인할 수 있게 div 태그의 background-color를 yellow로 계속 유지해주세요.