box model (1) 썸네일형 리스트형 생활코딩 CSS_9.1-9.3 박스모델 (Box model) 9.1 Inline vs Block level vs 태그는 화면 전체를 사용한다: element 다음에 오는 콘텐츠는 다음 줄에서 부터 시작. 태그는 다른 콘텐츠 안에 존재할 수 있다: 줄바꿈 없이 본문내에 링크가 걸린 텍스트를 적을 수 있음. 다음과 같은 예시로 각 element가 차지하는 부피를 확인할 수 있다. h1, a { border-width: 5px; border-color: red; border-style: solid; } Header link Block level vs inline Block level element: 처럼 줄 전체를 차지하는 태그 Inline element: 처럼 자신의 크기 만큼만 부피를 차지하는 태그 Display Display 속성을 이용해서 block level .. 이전 1 다음