docs(10_Wiki): 위키 구조 정리 — 언어 튜토리얼 카테고리 폴더 제거 + 신규 자산 동기화

Topic_CSS/Topic_HTML/Topic_JavaScript/Topic_Prompt/Topic_Comfyui 등 기존 카테고리 폴더를 정리하고, Topic_Graphic/Dev 등 신규 산출물과 Topics 내부 세션/메모리 기록을 동기화.
2026-07-05 00:10:59 +09:00
parent a397bc4720
commit 1cfd3bbb56
1495 changed files with 68534 additions and 27 deletions
@@ -0,0 +1,111 @@
+---
+id: css-add-internal
+title: "CSS Add Internal"
+category: "Frontend"
+status: "draft"
+verification_status: "conceptual"
+canonical_id: ""
+aliases: ["internal CSS", "internal style sheet", "style element", "embedded CSS", "head style block"]
+duplicate_of: ""
+source_trust_level: "B"
+confidence_score: 0.89
+created_at: 2026-06-23
+updated_at: 2026-06-23
+review_reason: ""
+merge_history: []
+tags: ["css", "web", "frontend", "w3schools", "stylesheet"]
+raw_sources: ["https://www.w3schools.com/css/css_howto_internal.asp"]
+applied_in: []
+github_commit: ""
+---
+
+# [[CSS Add Internal]]
+
+## 🎯 한 줄 통찰 (One-line insight)
+An internal style sheet may be used when a single HTML page has a unique style; it is defined inside a `<style>` element placed within the page's `<head>` section. [S1]
+
+## 🧠 핵심 개념 (Core concepts)
+- **When to use** — an internal style sheet may be used if one single HTML page has a unique style. [S1]
+- **Where it lives** — the internal style is defined inside the `<style>` element, placed within the `<head>` section of an HTML page. [S1]
+- **Scope** — the styles apply to that one page only. [S1]
+
+## 🧩 추출된 패턴 (Extracted patterns)
+- **Single-page styling** — embed page-specific rules in a `<style>` block in the head instead of an external file. [S1]
+- **Standard rules inside** — the `<style>` block contains the same `selector { property: value; }` rules as any stylesheet. [S1]
+
+## 📖 세부 내용 (Details)
+An internal style sheet may be used if one single HTML page has a unique style. The internal style is defined inside the `<style>` element, inside the head section. [S1]
+
+```html
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {
+  background-color: linen;
+}
+
+h1 {
+  color: maroon;
+  margin-left: 40px;
+}
+</style>
+</head>
+<body>
+
+<h1>This is a heading</h1>
+<p>This is a paragraph.</p>
+
+</body>
+</html>
+```
+
+In this example the `body` element gets a `linen` background color, and the `h1` element is styled with `maroon` text and a 40-pixel left margin. [S1]
+
+## 🛠️ 적용 사례 (Applied in summary)
+The page's own example embeds a `<style>` block in the head to style `body` and `h1` for one page. No external project/commit applications found in the source.
+
+## 💻 코드 패턴 (Code patterns)
+Internal style sheet in the head (language: HTML):
+```html
+<head>
+<style>
+body {
+  background-color: linen;
+}
+
+h1 {
+  color: maroon;
+  margin-left: 40px;
+}
+</style>
+</head>
+```
+
+## ⚖️ 비교 및 선택 기준 (Comparison & decision criteria)
+| Method | Where defined | Best use |
+| --- | --- | --- |
+| External CSS | `<link>` to a `.css` file | Style an entire website from one file [S1] |
+| Internal CSS | `<style>` element in the head | A single HTML page with a unique style [S1] |
+| Inline CSS | `style` attribute on an element | A unique style for a single element [S1] |
+
+## ⚖️ 모순 및 업데이트 (Contradictions & updates)
+No contradictions found in the source.
+
+## ✅ 검증 상태 및 신뢰도
+- **상태:** draft
+- **검증 단계:** conceptual (실제 적용 사례 발견 시 applied/validated로 승격 가능)
+- **출처 신뢰도:** B (W3Schools — widely used educational reference, not a primary standards body)
+- **신뢰 점수:** 0.89
+- **중복 검사 결과:** 신규 생성 (New discovery)
+
+## 🔗 지식 그래프 (Knowledge Graph)
+- **상위/루트:** [[CSS Tutorial]]
+- **관련 개념:** [[CSS Add External]], [[CSS Add Inline]], [[CSS Multiple Style Sheets]]
+- **참조 맥락:** Referenced when one page needs its own styles without an external file.
+
+## 📚 출처 (Sources)
+- [S1] W3Schools — CSS Add Internal — https://www.w3schools.com/css/css_howto_internal.asp
+
+## 📝 변경 이력 (Change history)
+- 2026-06-23: Initial draft synthesized from the W3Schools "CSS Add Internal" page (Astra wiki-curation, P-Reinforce v3.1 format).