개발새발

배웠던 CSS코드를 다시 공부하는 도중.. 눈에 띈 첫 줄 대체 이게 뭐였더라... 있어도 그만 없어도 그만일 것같은데..해서 알아보고 쓰는 글~ 그러니까 이게 뭔가 했더니 내가 지정한 요소의 크기 범위를 지정해주는 것이었다. 웹 브라우저에서 F12를 누르면 나오는 이 창의 맨 아래 알록달록한 그림을 통해 알아보자 box-sizing은 아래의 두 가지 속성을 가질 수 있는데, content-box border-box 각각이 가지는 의미는 다음과 같다 1. content-box 요소 그 자체의 사이즈로 크기가 지정됨 예를들어 내가 태그를 통해 어떤 요소의 사이즈를 아래와 같이 지정했다고 가정하자 width: 200px; height: 100px; 만약 이에 대해 box-sizing: content-box를..