정리하고 기록하며 성장하는

박스모델 (Box-Model) 브라우저가 요소를 렌더링 할 때 , 각각의 요소는 기본적으로 사각형 형태로 영역을 차지하게 된다 이 영역을 박스 라고 표현한다 css는 박스의 크기 , 위치 , 속성 (색 , 배경 , 테두리 모양 등)을 결정할 수 있다 하나의 박스는 다음 네 개의 영역으로 구성된다 콘텐츠 영역 - 박스의 중심부에 위치한다 너비와 높이를 가진다 테두리로 감싸져 있다 안쪽 여백 - 테두리를 중심으로 박스와 콘텐츠 사이의 공간을 확보할 수 있다 경계선 (테두리) - 박스가 테두리로 감싸져 있다 바깥쪽 여백 - 다른 요소와 필요한 만큼의 거리를 벌릴 수 있다 박스 각 영역의 크기는 어떻게 박스 각 영역의 크기를 정의할 수 있는 속성은 다음과 같다 콘텐츠 영역 : width , height 안쪽 여..

박스모델 (Box-Model) 브라우저가 요소를 렌더링 할 때 , 각각의 요소는 기본적으로 사각형 형태로 영역을 차지하게 된다 이 영역을 박스 라고 표현한다 css는 박스의 크기 , 위치 , 속성 (색 , 배경 , 테두리 모양 등)을 결정할 수 있다 하나의 박스는 다음 네 개의 영역으로 구성된다 콘텐츠 영역 - 박스의 중심부에 위치한다 너비와 높이를 가진다 테두리로 감싸져 있다 안쪽 여백 - 테두리를 중심으로 박스와 콘텐츠 사이의 공간을 확보할 수 있다 경계선 (테두리) - 박스가 테두리로 감싸져 있다 바깥쪽 여백 - 다른 요소와 필요한 만큼의 거리를 벌릴 수 있다 박스 각 영역의 크기는 어떻게 박스 각 영역의 크기를 정의할 수 있는 속성은 다음과 같다 콘텐츠 영역 : width , height 안쪽 여..