📅 날짜:

2025.06.28 (토)

📘 오늘 공부한 주제:

CSS 여백 속성, 링크 연결, 메타태그, 선택자 우선순위, 클래스 vs ID

📝 핵심 개념 요약:

• padding: 요소 내부 여백 / margin: 요소 외부 여백

  margin: 0 auto는 가로 가운데 정렬에만 작동

• <a href="...">: 내부 또는 외부 페이지로 연결

• <meta property="og:...">: 링크 공유 시 썸네일/제목/설명 표시

• CSS 적용 우선순위:

  인라인 > ID > 클래스 > 태그 > 브라우저 기본

• <style> 태그 안에 선택자 규칙 작성

  • 태그: p {}
  • 클래스: .class {}
  • 아이디: #id {}

• 클래스는 여러 요소에 재사용 가능 / 아이디는 단일 요소에만 사용

  → 헷갈릴 땐 class 우선 사용

💻 실습 내용 정리: