box model1 CSS Box Model이란? CSS Box Model이란? CSS 박스 모델은 HTML element가 웹 페이지에서 차지하는 공간을 정의한 모델이다. HTML element들은 각각 자신만의 영역을 갖고 있으며, 각 영역은 다시 여러개의 작은 영역으로 나뉜다. 각 element는 가운데 실제 element의 내용이 담긴 부분(content), element를 감싸는 경계(border), border와 content 사이의 영역(padding), border 바깥의 영역(margin)으로 구성된다. 각 영역들은 CSS의 property로 구현되어 있기 때문에 원하는 속성을 불러와 원하는 값을 넣어주면 된다. 이렇게 구현한 내용은 크롬에서 F12를 눌러 확인할 수 있다. 우리가 지정해준 CSS 속성들을 표시해줄 뿐 아니라 그림으로도 .. 2020. 7. 23. 이전 1 다음