Print stylesheet organization in SASS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the main purpose of a print stylesheet?

A print stylesheet controls how a webpage looks when printed, making it clean and readable on paper by hiding unnecessary elements and adjusting layout.

beginner

How do you target print media in Sass?

Use @media print { ... } to write styles that only apply when printing.

intermediate

Why organize print styles separately in Sass files?

Separating print styles keeps code clean and easier to maintain. It helps quickly find and update print-specific rules without mixing with screen styles.

beginner

Name two common elements to hide in print styles.

Navigation menus and interactive elements like buttons are often hidden in print styles to avoid clutter on paper.

intermediate

How can Sass partials help in print stylesheet organization?

Sass partials let you split print styles into smaller files (e.g., _print-header.scss, _print-content.scss) and import them into a main print stylesheet for better structure.

Which Sass syntax correctly targets print media?

A @media print { ... }

B @media screen { ... }

C @print { ... }

D @media all { ... }

Use @media print to apply styles only when printing.

What is a good practice for organizing print styles in Sass?

A Use separate partial files for print styles

B Avoid using print styles

C Write print styles inline in HTML

D Mix print styles inside screen styles

Using separate partials keeps print styles organized and easier to maintain.

Which element is commonly hidden in print styles?

A Main content

B Navigation menus

C Headings

D Paragraph text

Navigation menus are usually hidden to reduce clutter on printed pages.

How do print styles improve user experience?

A By adding animations

B By making pages colorful

C By simplifying layout for paper

D By increasing font size only on screen

Print styles simplify layout and hide unnecessary elements for better readability on paper.

What Sass feature helps combine multiple print style files?

A Functions

B Mixins

C Variables

D Partials and @import

Partials and @import let you split and combine print styles neatly.

Explain how you would organize print styles in a Sass project for easy maintenance.

Think about separating concerns and using Sass features like partials and media queries.

Describe why print styles are important and what common changes they include compared to screen styles.

Consider how a webpage looks different on paper versus on a screen.