HTML 블록요소와 인라인요소 정리

블록요소

• div, h1, p 태그 등이 블록요소에 속한다.
• 사용 가능한 최대의 가로 너비를 사용한다.
• 크기를 지정할 수 있다. (width, height)
• width : 100%; height : 0; 로 시작 된다.
• 수직으로 쌓이게 된다.
• margin, padding 위, 아래, 좌, 우 사용이 가능하다.
• 레이아웃을 잡는 용도로 사용된다.

인라인요소

• span, img 태그 등이 인라인 요소에 속한다.
• 필요한 만큼의 너비를 사용한다.
• 크기를 지정할 수 없다.
• width : 0; height : 0; 로 시작된다.
• 수평으로 쌓이게 된다.
• margin, padding 위, 아래는 사용이 안된다.
• Text 를 잡는 용도로 사용된다.