Web
생활코딩 웹 제작 스터디 [WEB2 - CSS] - 박스 모델
Supreme_YS
2020. 8. 10. 21:53
생활코딩이라는 유용한 사이트를 통해 웹 만들기 스터디를 시작했습니다. 현재 정보처리기사 실기, 파이썬, 웹 이렇게 세 가지의 방향으로 공부를 진행하고 있습니다. 일상에서 언급했던 것과 같이 제 시간표는 그렇게 움직입니다. 앞으로 이 카테고리에서는 공부했던 웹의 내용을 잊지 않고 기억하기 위해 기록할 것입니다.
* 박스모델이란? html 하나하나를 박스로 취급해서 부피감을 결정하는 것
* html 태그들은 각 태그의 기본적인 성격에 따라서 화면 전체를 쓰기도 하고 일부를 쓰기도 한다.
- block level element : 화면 전체를 쓰는 태그
- inline element : 컨텐츠만큼의 화면을 쓰는 태그
? 여기서 화면을 쓴다는 의미는 웹 사이트상에서 차지하는 영역이라고 생각하면 된다.
* 콘텐츠 크기를 지정할 때
- 폭 width
높이 height
컨텐츠와 바깥쪽 간격 padding
테두리와 테두리간은 margin
