Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

CSS Line Layout and Vertical Rhythm - Upcoming Features and Improvements

Web Conferences Amsterdam via YouTube

Start learning Write review
Noble Desktop Ad

Live Online Classes in Design, Coding & AI — Small Classes, Free Retakes

Learn More → Destination Certification Ad

CISSP MasterClass with a true CAT exam simulator

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This talk explores the CSS line box model and proposed features for controlling half-leading and vertical rhythm, including how font metrics and baselines affect text layout.

Syllabus

Intro
CSS Line Box Model
Goal
CSS Line Layout Model
Font Sizes
Line Height
Varying Font Families
Changing Fonts
Line Height Normal
Root Inline Box
Overlap
Fit
Container
Margin Box
Inline
Overlapping
Legacy Value
Graph Spacing
Margin Spacing
Multiple Plain Height
Black Quote
MultiCall
Spacing
Block Step Sizing
Extra Space
Alignment
Page and Column Breaks
Negative Margins
Font Metric
Centering
Metrics
Drop Cap
Open Questions
Vertical Alignment
Base Lines
Dominant Base Line
Vertical Align
Vertical Line
CSS Working Group
Bug Browser Vendors
Bug Font Vendors
Questions
Vertical Rhythm Definition
Block Step Align
Increase Effective Size
InDesign
Baseline Grid
Easy Grids
Abstract Question
Design Principles
Flexibility

Taught by

Web Conferences Amsterdam

Reviews

Start your review of CSS Line Layout and Vertical Rhythm - Upcoming Features and Improvements

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.