블록(Block)
-
블록 레벨 요소는 언제나 새로운 줄에서 시작하고, 좌우 양쪽으로 최대한 늘어나 가능한 모든 너비를 차지합니다.
-
상자를 아래로 쌓는 것!
<body>
<p style='background: #ff0'>Block 블록요소 입니다.</p>
</body>
블록의 대표적인 태그들
- <p>, <h>, <table>, <div> 등
인라인 (Inline)
- 인라인 요소는 줄의 어느 곳에서나 시작할 수 있습니다.
- 바로 이전 요소가 끝나는 지점부터 시작하여, 요소의 내용(content)만큼만 차지합니다.
<body>
<b style='background: #ff0'>Inine 인라인요소 입니다.</b>
</body>
인라인의 대표적인 태그들
- <b>,<a>,< span> 등
포함 규칙
- 같은 형태의 다른 요소를 안에 포함할 수 있습니다.
(블록>블록, 인라인>인라인)- 대부분의 블록 요소는 다른 인라인 요소도 안에 포함할수 있습니다.
- 인라인 요소는 블록 요소를 포함 할 수 없습니다.
ur gonna figure it out. just like always have.