화면 박스 전체 태그 : block level element 컨텐츠 크키만큼의 태그를 가짐: inline element *border-width *border-color *border-style *display:inline; block; 중복 피하기- 속성을 나열하여 쓴다 h1, a { } ex) border:10px solid red; 테두리 설정: border 테두리와 컨텐츠 사이 간격: padding ---부피감 테두리와 테두리 간격: margin -- 간격 느낌 거리 폭: width 테두리 보이기 설정: display *박스모델 설정 예시 h1{ border:5px solid red; padding:20px; margin:20px; display:block; width:100px; }
#
CSS
#
박스모델
원문 링크 : 박스 모델