728x90 반응형 박스모델1 HTML 박스 모델이란?(margin, border, padding, content) HTML 박스 모델이란? 오늘은 HTML에서 박스 모델에 대해 작성해 보겠습니다. (코드 소스 에디터는 Visual Studio Code를 사용하였습니다.) HTML은 사진에서처럼 결과물을 봤을 때는 그냥 작성된 'Hello'만 보이는 것을 알 수 있습니다. 하지만 HTML에서는 보이지 않지만 박스 모델이 있습니다. 이것이 중요한 이유는 HTML을 작성하고 CSS를 이용하여 디자인을 했을 때 이 박스 모델이 엄청 중요하게 사용이 되기 때문에 꼭 알아두셔야 합니다! 박스 모델을 확인할 수 있는 방법은 크롬을 기준으로 윈도우는 F12, 맥은 Option+Command+i를 했을 때 나타는 개발자 모드를 통해 확인할 수 있습니다. 두 개의 칸에서 오른쪽에 '계산됨' 영역을 눌러서 확인해 보면 Margin, B.. 2022. 7. 1. 이전 1 다음 728x90 반응형