생활코딩 웹 제작 스터디 [WEB2 - CSS] - 박스 모델

생활코딩이라는 유용한 사이트를 통해 웹 만들기 스터디를 시작했습니다. 현재 정보처리기사 실기, 파이썬, 웹 이렇게 세 가지의 방향으로 공부를 진행하고 있습니다. 일상에서 언급했던 것과 같이 제 시간표는 그렇게 움직입니다. 앞으로 이 카테고리에서는 공부했던 웹의 내용을 잊지 않고 기억하기 위해 기록할 것입니다.

---

* 박스모델이란? html 하나하나를 박스로 취급해서 부피감을 결정하는 것 

 

* html 태그들은 각 태그의 기본적인 성격에 따라서 화면 전체를 쓰기도 하고 일부를 쓰기도 한다.

 - block level element : 화면 전체를 쓰는 태그

 - inline element : 컨텐츠만큼의 화면을 쓰는 태그

 ? 여기서 화면을 쓴다는 의미는 웹 사이트상에서 차지하는 영역이라고 생각하면 된다.

 

* 콘텐츠 크기를 지정할 때

 - 폭 width

   높이 height

   컨텐츠와 바깥쪽 간격 padding

   테두리와 테두리간은 margin 

 

CSS box model