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

CSS: Print Style Sheets

via LinkedIn Learning

Write review

Details

Provider

LinkedIn Learning
Pricing

Free Trial Available
Languages

English
Certificate

Certificate Available
Effort

1 hour 54 minutes
Sessions

Self-Paced
Level

Intermediate

Found in

Part of

Learn CSS

Boot.dev

Learn Backend Development Part-Time, Online

Financial Edge

The Investment Banker Certification

Overview

Build a Learning Habit

Download Class Central's free printable study calendar

Download for Free

Learn how to improve the user experience of your websites using print style sheets.

Syllabus

Introduction

Welcome to CSS print style sheets

1. Mechanics of Print-Based CSS

Print style sheets and media queries
Creating a print style sheet and linking it to your document
Creating a print media query
Previewing print style sheets without printing
The pitfalls of using dev tools for previewing printing
Understanding screen, print, aural, and the cascade

2. Best Practices for Print-Based Styling

Best practices for styling for print
Touring your example page
Hiding irrelevant information for print
Changing webpage layouts for print
Overriding styles intended for screen display
Adding print-only information that is hidden from screens
Writing URLs after links and social media icons
Complex media queries for print and page orientation
Challenge
Solution

3. Beautiful Formatting for Print

Understanding paged media and CSS fragmentation properties
Setting printing page breaks
Creating columns within longer documents
Adding hyphenation
Controlling widows and orphans
Using @page to create page margins
Coming soon: Additional @page properties
Challenge
Solution

Conclusion

Next steps

Taught by

Jen Kramer

Reviews

4.7 rating at LinkedIn Learning based on 39 ratings

Start your review of CSS: Print Style Sheets