📅 날짜:

2025.06.29 (일)

📘 오늘 공부한 주제:

외부 CSS 연결, 단위 종류, 텍스트 스타일, 배경 이미지/그라디언트/불투명도

📝 핵심 개념 요약:

• 외부 CSS 연결: .css 파일 생성 후 <link rel="stylesheet" href="style.css">로 HTML과 연결
• 크기 단위
  • px: 고정된 절대 단위
  • %, em, rem: 상대 단위 (부모 요소나 루트 기준)
  • line-height: 폰트 크기의 배수로 지정 가능 (1 = 100%)
• 텍스트 스타일링 (text-decoration)
  • none, underline, line-through
• 배경 이미지 관련 속성
  • background-image, background-repeat, background-position, background-size
• 그라디언트 적용: linear-gradient(...), 이미지와 혼합 가능
• 그림자 효과: box-shadow: x y blur spread color
• 불투명도 조절: opacity: 0 ~ 1