From the course: CSS: Print Style Sheets
Unlock the full course today
Join today to access over 24,800 courses taught by industry experts.
Creating a print media query - CSS Tutorial
From the course: CSS: Print Style Sheets
Creating a print media query
- Now that you know how to set up an external print style sheet, let's set up a print based media query. This is exactly the same HTML and CSS that we worked with in the previous video, ugly webpage, very very simple. And as you can see here right now, whether it's our linked style sheet or over here in the style sheet document itself, there are no media queries that are present here in this document. You're probably familiar with media queries if you've done any kind of responsive design, you typically set up media queries with values like mean width or max width or combination of those in order to make your screen respond to various different device sizes. We're going to use media queries with the actual media in media queries. And by default, there are styles here are set to all so effectively we do have a media query in place around the styles that we have now, it's kind of pointless but I'm going to put it in…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
- (Locked)Print style sheets and media queries2m 37s
- Creating a print style sheet and linking it to your document4m 29s
- (Locked)Creating a print media query2m 14s
- (Locked)Previewing print style sheets without printing5m 55s
- (Locked)The pitfalls of using dev tools for previewing printing2m 52s
- Understanding screen, print, aural, and the cascade6m 38s
- (Locked)