margin collapsing1 CSS box model CSS Box model Box model 모든 html 요소는 box 형태로 되어 있음 하나의 박스는 네 부분(영역)으로 나뉨 content padding border margin Box model 구성 Margin 테두리 바깥의 외부 여백으로, 배경색을 지정할 수 없음 Border 테두리 영역에 해당 Content 글이나 이미지 등 요소의 실제 내용 Padding 테두리 안쪽의 내부 여백 요소에 적용된 배경색, 이미지는 패딩까지 적용됨 content를 감싸고 있는 부분 shorthand shorthand를 통해 여러 속성에 대한 값을 한 줄로 줄 수 있다. /*margin*/ .box1 { margin: 10px; # 일괄적으로 10px } .box2 { margin: 10px 20px; #상하 10.. 2021. 8. 30. 이전 1 다음