Coursera Plus Annual is 40% Off — Ends July 13.

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

LinkedIn Learning

CSS: Print Style Sheets

via LinkedIn Learning

Write review
Simplilearn Ad

UC San Diego Product Management Certificate — AI-Powered PM Training

Learn More → DataCamp Ad

Power BI Fundamentals - Create visualizations and dashboards from scratch

Learn More →

Overview

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

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.