[inflearn] html, CSS : display

1. display 속성

웹 페이지 레이아웃을 결정하는 CSS의 중요 속성 중 하나
이 속성은 해당 html 요소가 웹 브라우저에 언제 어떻게 보이는가를 결정
display 속성의 기본값은 다음 두 가지중 하나의 값을 지님

1️⃣ 블록

• display 속성값이 블록인 요소는 항상 새로운 라인에서 시작
• 해당 라인의 모든 width 차지
• div, h1, p, ul, ol, form 등

2️⃣ 인라인

• display 속성값이 인라인인 요소는 새로운 라인에서 시작하지 않음
• 요소의 width도 html content 만큼만 차지
• span, a, img 등

2. a 태그

• head, footer, section 등의 요소들과는 다른 display 속성 보유
• a태그는 텍스트 어절 단위로 색상이 적용됨
• a태그의 display 속성을 block으로 변경하는 것도 가능

.global-menu-link {
	display: block;
	background: white;
}

3. padding과 margin

• 내부 여백이 padding, 외부 여백은 margin
• margin-bottom 등으로 특정 영역에만 margin을 주는 것도 가능

.global-menu-link {
	margin-bottom; 5px;
}

• 적용 결과