CSS & Visual Systems

Layout, style, and the architecture of maintainable visual systems.

Part: 01 · Core Languages · Priority: Critical

Taxonomy

Second-level groups and their articles. Each article is a standalone entry following the template; its filename is the kebab-case form of the title.

The Cascade

• Specificity
• Inheritance & Initial Values
• Cascade Layers (@layer)
• Custom Properties

Box & Formatting

• The Box Model
• Formatting Contexts
• Stacking Contexts & z-index
• Containment & content-visibility

Layout Systems

• Normal Flow
• Flexbox
• Grid & Subgrid
• Positioning & Sticky
• Intrinsic Sizing

Responsive Design

• Media Queries
• Container Queries
• Fluid Type & Space
• Viewport & Responsive Units

Typography

• Font Loading & FOUT/FOIT
• Type Scale & Rhythm
• Text Overflow & Truncation

Color

• Color Spaces & Gamut
• Color Functions & Mixing
• Perceptual Contrast & Readability

Styling Architecture

• Naming Methodologies
• Scoping & Isolation
• Utility-First Styling
• CSS-in-JS Models
• Zero-Runtime / Compiled CSS
• Consuming Design Tokens

Index only. One canonical home per concept — overlapping ideas are owned here and cross-linked from other domains, never duplicated.