1. 블록레벨 요소
- 주요 태그 : hn, p, div
- 사용 가능한 최대 가로 너비로 사용함
- width: 100%, height: 0%로 시작 ==> default 값
- 크기를 지정할 수 있음
- 수직으로 쌓임
- margin, padding의 속성에 상단, 하단, 왼쪽, 오른쪽 사용이 가능함
- 주로 레이아웃을 설정하는 용도로 사용이 됨
2. 인라인레벨요소
- 주요 태그 : span, img
- 필요한 만큼의 너비를 사용함
- width: 0%, height: 0%로 시작
- 크기를 지정할 수 없음
- 수평으로 쌓임
- margin, padding의 속성에 상단, 하단, 왼쪽, 오른쪽 사용이 불가능함
- 주로 텍스트를 설정하는 용도로 사용이 됨
블록레벨과 인라인레벨 요소의 차이점
=============================코드=============================
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>HELLO</h1>
<span>HELLO</span>
</body>
</html>=============================실행=============================
차지하는 공간의 차이점이 있다!
