How to write a book with CSS

Could you typeset an entire book using only CSS? Discover the advanced properties for page numbers, margins, and professional print layouts.

#1about 3 minutes

The origins of CSS at CERN

CSS was created at CERN to separate presentation from HTML content, addressing the early web's need for basic styling like fonts and colors.

#2about 8 minutes

Evolving CSS from basic styles to advanced effects

CSS grew from simple font and color properties to include powerful features like text shadows, border radius, and declarative animations, reducing the need for JavaScript.

#3about 4 minutes

Applying CSS to book design and typography

Beyond screens, CSS has a crucial role in preserving the art of book typography, enabling the creation of printed materials directly from web technologies.

#4about 2 minutes

Mastering pagination and page layout for print

The @page rule in CSS allows for defining page size, margins, and adding dynamic page numbers to create professional book spreads.

#5about 4 minutes

Advanced figure and image placement in print

Extended float and clear properties enable precise placement of figures relative to the page, column, or spread, such as floating to the top or outside edge.

#6about 4 minutes

Deferring content and creating full-bleed spreads

Use defer properties to place elements on specific pages or columns, and combine this with negative margins to create seamless images that span across a two-page spread.

#7about 3 minutes

Refining typography and the challenge to write a book

Use the text-replace property for high-quality typography and take on the challenge of writing and formatting your own book with HTML and CSS.

#8about 12 minutes

Q&A on CSS history, design, and print standards

The discussion covers the impact of CSS on employment, convincing designers to use web standards, its relationship to LaTeX, and the future of print-specific properties.