✏️ 요소의 구분
- 블록 레벨 요소 : 자기가 속한 영역의 너비를 모두 차지하여 블록을 형성
ex)<p>,<h1>등 - 인라인 요소 : 자기에게 필요한 만큼의 공간만을 차지
ex)<em>,<strong>등
✏️ 블록 레벨 요소 확인
예시 코드 구현 화면
🔎추가 확인
개발자 도구로 확인 시 블록 레벨 요소는 영역의 너비를 모두 차지
✏️ 인라인 요소 확인
예시 코드 구현 화면
🔎참고
개발자 도구로 확인 시 인라인 요소는 필요한 너비만큼만 사용
✏️ 요소 중첩 사용
1️⃣ 블록 레벨 요소 안에 인라인 요소
블록 레벨 요소 영역에 영향일 끼치지 않음으로 변화 없음
예시 코드 구현 화면
2️⃣ 블록 레벨 요소 안에 블록 레벨 요소
블록 레벨 요소 안에 블록 레벨 사용 시 안 쪽 블록 레벨 요소의 영역 차지로 인한 균열 발생
예시 코드 구현 화면
안녕하세요☺️