--- id: w3css-defaults title: "W3CSS Defaults" category: "Programming_Language" status: "draft" verification_status: "conceptual" canonical_id: "" aliases: ["w3-size classes", "W3.CSS κΈ°λ³Έκ°’"] duplicate_of: "" source_trust_level: "B" confidence_score: 0.88 created_at: 2026-07-04 updated_at: 2026-07-04 review_reason: "" merge_history: [] tags: ["w3css", "css-framework", "w3schools", "defaults", "typography"] raw_sources: ["https://www.w3schools.com/w3css/w3css_defaults.asp"] applied_in: [] github_commit: "" --- # [[W3CSS Defaults]] ## 🎯 ν•œ 쀄 톡찰 (One-line insight) W3.CSS explicitly discourages using headings for their font-SIZE and provides a completely separate `w3-size` class family instead β€” the source frames this directly: "Headings should be used for what they are: Headings," meaning `

` should signal semantic importance, not just "medium-large text," and `w3-medium`/`w3-large`/etc. exist specifically to decouple visual size from semantic heading level. [S1] ## 🧠 핡심 κ°œλ… (Core concepts) - **Accessibility-oriented base defaults** β€” 15px font-size, Verdana font (good letter spacing), 1.5 line-height β€” explicitly designed to be readable even for people with mild reading disabilities. [S1] - **Default heading sizes** β€” h1 36px, h2 30px, h3 24px, h4 20px, h5 18px, h6 16px. [S1] - **`w3-size` classes** β€” `w3-tiny`, `w3-small`, `w3-medium` (default), `w3-large`, `w3-xlarge`, `w3-xxlarge`, `w3-xxxlarge`, `w3-jumbo` β€” size independent of heading semantics. [S1] - **Three override strategies** β€” (1) override in `` with custom CSS, (2) link your own CSS file AFTER the W3.CSS file, (3) download and directly edit the W3.CSS source file. [S1] ## πŸ“– μ„ΈλΆ€ λ‚΄μš© (Details) - Default heading CSS override: `h1{font-size:64px;} h2{font-size:48px;} ...` placed in ``. [S1] - Loading a custom CSS file after W3.CSS: ` `. [S1] - Changing the default font globally: `html, body, h1, h2, h3, h4, h5, h6 { font-family: cursive, sans-serif; }`. [S1] ## βš–οΈ λͺ¨μˆœ 및 μ—…λ°μ΄νŠΈ (Contradictions & updates) - **크기 ν΄λž˜μŠ€μ™€ ν—€λ”© νƒœκ·Έμ˜ μ˜λ„μ  뢄리**: 제λͺ© νƒœκ·ΈλŠ” 의미(heading semantics)λ₯Ό μœ„ν•΄, w3-size ν΄λž˜μŠ€λŠ” μ‹œκ°μ  크기λ₯Ό μœ„ν•΄ μ‚¬μš©ν•˜λ„λ‘ λͺ…ν™•νžˆ ꡬ뢄됨. [S1] ## πŸ› οΈ 적용 사둀 (Applied in summary) ν˜„μž¬ 발견된 μ‹€μ œ 적용 사둀가 μ—†μŠ΅λ‹ˆλ‹€ β€” CSS νŒŒμΌμ„ W3.CSS 뒀에 λ‘œλ“œν•΄ 기본값을 μž¬μ •μ˜ν•˜λŠ” 것이 μ»€μŠ€ν„°λ§ˆμ΄μ§•μ˜ ν‘œμ€€ νŒ¨ν„΄μ΄λ‹€. [S1] ## πŸ’» μ½”λ“œ νŒ¨ν„΄ (Code patterns) Font size decoupled from heading semantics via w3-size classes (HTML): ```html

Small text, still a heading

Huge text, not a heading at all

``` ## βœ… 검증 μƒνƒœ 및 신뒰도 - **μƒνƒœ:** draft - **검증 단계:** conceptual - **좜처 신뒰도:** B (W3Schools β€” widely used educational reference, not a primary standards body) - **μ‹ λ’° 점수:** 0.88 - **쀑볡 검사 κ²°κ³Ό:** μ‹ κ·œ 생성 (New discovery) ## πŸ”— 지식 κ·Έλž˜ν”„ (Knowledge Graph) - **μƒμœ„/루트:** [[W3.CSS Tutorial]] - **κ΄€λ ¨ κ°œλ…:** [[W3CSS Cards]], [[W3CSS Fonts]], [[W3CSS Text]] - **μ°Έμ‘° λ§₯락:** Basics μ„Ήμ…˜ 마무리 β€” 폰트(Fonts) μ±•ν„°λ‘œ 이어짐. ## πŸ“š 좜처 (Sources) - [S1] W3Schools β€” W3.CSS Defaults β€” https://www.w3schools.com/w3css/w3css_defaults.asp ## πŸ“ λ³€κ²½ 이λ ₯ (Change history) - 2026-07-04: Initial draft synthesized from the W3Schools "W3.CSS Defaults" page (Astra wiki-curation, P-Reinforce v3.1 format).