박스모델
-
[CSS]css 박스 모델프로그래밍/HTML&CSS 2021. 12. 21. 14:27
오늘은 CSS 기본 설정 중 하나인 박스 모델에 대해 알아보고자 한다. HTML 콘텐츠는 다음과 같이 구성되어있다. - 높이(height) - 너비(width) - 패딩(padding) - 테두리(border) - 여백(margin) 웹페이지에서 우클릭-검사(inspect)를 클릭하면, CSS라는 콘텐츠가 [높이 : 21.500px, 너비 : 158.750px, 마진 : 8px]로 구성된 것을 확인할 수 있다. CSS에서 박스 모델이 중요한 이유는 웹 페이지는 모두 박스들로 구성되어있기 때문이다. 우리 모두가 애용하는 NAVER 홈을 살펴보면, 아래와 같이 박스들로 구성된 것을 볼 수 있다. 물론, 더 세부적으로 NAVER 로고 부분과 검색창 부분으로 나누는 것도 가능하다. 사람에 따라서 박스를 나누..