HTML 구조 & CSS 우선순위 완전 정리

2025.07.01 (화)

HTML 기본 구조, 링크/리스트/표 태그

CSS 우선순위(Cascade), 명시도, 상속

HTML 기본 구조
- <!DOCTYPE html>: 문서가 HTML5로 작성되었음을 선언
- <html>, <head>, <body>: HTML 문서의 뼈대
링크 / 페이지 내 이동
- <a href="링크">: 외부/내부 페이지 이동
- <a href="#id">: 같은 페이지 내 특정 위치 이동
- target="_blank": 새 창에서 열기
리스트
- <ol>: 순서 있는 리스트 (type="a", "A", "i", "I" 지정 가능)
- <ul>: 순서 없는 리스트
- list-style: CSS로 스타일 지정 가능 (disc, none, hangul 등)
테이블 태그
- <table>, <tr>, <td>, <th>: 표의 구조
- <thead>, <tbody>, <tfoot>: 구조화된 표 영역
CSS 우선순위 (Cascade)
- 적용 우선 순서: 브라우저 기본 < 외부 CSS < 내부 <style> < 인라인
- 같은 선택자일 경우, 코드상 나중에 작성된 것이 우선 적용됨
명시도(Specificity)
- id > class > tag 순서로 우선순위 계산
- 예: #id > .class > p
상속
- color, font 등은 상속되며, 가까운 부모 요소일수록 우선됨