[생활코딩] CSS 왕기초 14장 - Visual Studio Code / CSS 일부 요약 (박스 모델)

[ 박스 모델 이론 요약 ]

• html의 태그들은 태그들의 기본 성격에 따라 block처럼 화면 전체를 쓰기도 하고 inline처럼 콘텐츠의 크기만큼만 쓰기도 한다.
• 콘텐츠의 크기를 지정할 때 : width 또는 height를 사용한다.
• Padding : 콘텐츠와 바깥 테두리 사이의 공간
• Margin : 테두리와 테두리 사이의 공간 (남는 공간 = 마진)

=> html 하나하나를 박스로 생각하여 그것의 부피감을 결정

 

 

---