2nd/10_Wiki/Topics/Topic_Programming/Topic_W3CSS/00_INDEX.md

id, title, category, status, verification_status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, created_at, updated_at, review_reason, merge_history, tags, raw_sources, applied_in, github_commit

id	title	category	status	verification_status	canonical_id	aliases	duplicate_of	source_trust_level	confidence_score	created_at	updated_at	review_reason	merge_history	tags	raw_sources	applied_in	github_commit
w3css-tutorial-index	W3.CSS Tutorial	Programming_Language	draft	conceptual		W3.CSS Tutorial W3.CSS MOC Topic_W3CSS index W3.CSS 목차		B	0.90	2026-07-04	2026-07-04			w3css css-framework w3schools moc index	https://www.w3schools.com/w3css/

W3.CSS Tutorial

🎯 한 줄 통찰 (One-line insight)

Map of Content (MOC) for the W3Schools W3.CSS Tutorial — the root that links every core W3.CSS knowledge page in this topic folder. [S1]

🧠 핵심 개념 (Core concepts)

• This folder (Topic_W3CSS) wikifies the W3.CSS framework tutorial, one knowledge page per document, in P-Reinforce v3.1 format — same convention as Topic_SQL / Topic_Python / Topic_Java / Topic_PHP / Topic_HTML / Topic_CSS / Topic_JavaScript. [S1]
• Scope: tutorial + color-reference + "Web Building" crash-course pages. Excluded: meta pages (Exam/Examples/Demo/Templates/References/Downloads), the interactive w3css_color_generator.asp tool (not instructional), and the four w3css_web_tmp_* full demo site templates (Band/Catering/Pizza/Architect — showcase examples, not concept chapters). [S1]
• 69 of 69 planned docs complete — W3.CSS category done.
• Every page roots its Knowledge Graph back to this [[W3.CSS Tutorial]] node.

📖 세부 내용 (Details)

Basics

• W3CSS Intro ✅
• W3CSS Colors ✅
• W3CSS Containers ✅
• W3CSS Panels ✅
• W3CSS Borders ✅
• W3CSS Cards ✅
• W3CSS Defaults ✅

Typography

• W3CSS Fonts ✅
• W3CSS Fonts Google ✅
• W3CSS Text ✅
• W3CSS Round ✅

Spacing & Layout

• W3CSS Padding ✅
• W3CSS Margins ✅
• W3CSS RTL ✅
• W3CSS Display ✅

Buttons & Content Blocks

• W3CSS Buttons ✅
• W3CSS Notes ✅
• W3CSS Quotes ✅
• W3CSS Alerts ✅

Tables, Lists & Forms

• W3CSS Tables ✅
• W3CSS Lists ✅
• W3CSS Images ✅
• W3CSS Input ✅

Badges & Icons

• W3CSS Badges ✅
• W3CSS Tags ✅
• W3CSS Icons ✅

Grid & Flexbox

• W3CSS Grid ✅
• W3CSS Flexbox ✅
• W3CSS Flex Items ✅
• W3CSS Rows ✅
• W3CSS Cells ✅
• W3CSS Responsive ✅

Effects

• W3CSS Dark Mode ✅
• W3CSS Animate ✅
• W3CSS Effects ✅

Navigation Components

• W3CSS Bars ✅
• W3CSS Dropdowns ✅
• W3CSS Accordions ✅
• W3CSS Navigation ✅
• W3CSS Sidebar ✅

UI Components

• W3CSS Tabulators ✅
• W3CSS Pagination ✅
• W3CSS Progress Bar ✅
• W3CSS Slideshow ✅
• W3CSS Modal ✅
• W3CSS Tooltips ✅

Code & Miscellaneous

• W3CSS Code ✅
• W3CSS Filters ✅
• W3CSS Trends ✅
• W3CSS Case ✅
• W3CSS Material ✅
• W3CSS Validation ✅
• W3CSS Versions ✅
• W3CSS Mobile ✅

Color Reference

• W3CSS Color Classes ✅
• W3CSS Color Material ✅
• W3CSS Color Flat ✅
• W3CSS Color Metro ✅
• W3CSS Color Win8 ✅
• W3CSS Color iOS ✅
• W3CSS Color Fashion ✅
• W3CSS Color Libraries ✅
• W3CSS Color Schemes ✅
• W3CSS Color Themes ✅

Web Building

• W3CSS Web ✅
• W3CSS Web HTML ✅
• W3CSS Web CSS ✅
• W3CSS Web JavaScript ✅
• W3CSS Web Layout ✅

🛠️ 적용 사례 (Applied in summary)

69 knowledge documents generated in this batch run, spanning Basics through Web Building.

✅ 검증 상태 및 신뢰도

• 상태: draft
• 검증 단계: conceptual
• 출처 신뢰도: B (W3Schools — widely used educational reference)
• 신뢰 점수: 0.90
• 중복 검사 결과: 신규 생성 (New discovery)

🔗 지식 그래프 (Knowledge Graph)

• 상위/루트: 10_Wiki
• 관련 개념: W3CSS Intro, CSS Tutorial, HTML Tutorial, PHP Tutorial
• 참조 맥락: SQL/Python/Java/PHP에 이어 W3Schools 지식화 시리즈의 다음 카테고리 — CSS 프레임워크 계열의 첫 항목.

📚 출처 (Sources)

• [S1] W3Schools — W3.CSS Tutorial — https://www.w3schools.com/w3css/

📝 변경 이력 (Change history)

• 2026-07-04: Created W3.CSS Tutorial MOC with scope decisions and full planned page list (Astra wiki-curation, P-Reinforce v3.1 format).