From the course: CSS: Print Style Sheets
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Previewing print style sheets without printing - CSS Tutorial
From the course: CSS: Print Style Sheets
Previewing print style sheets without printing
- [Instructor] There are several ways to test your print styles without having to actually print your webpage. The methodologies vary slightly between Windows and Mac, and they may vary across browsers as well. I'm going to focus on Firefox and Chrome. The methodologies for Safari and Edge are going to be similar to what I show you here with Firefox and Chrome. So let's start with Chrome, which has an easy way of printing the page. Not so easy looking at it in developer tools. So the first way to do this you've actually already seen me do, this is the webpage we have been working on in all its glory. And if we go to our three-dot button over here on the right side of the screen and simply choose Print, this will go ahead and give us a preview of what the page will look like here on the screen. And you can go ahead and scroll down. You can output this as a PDF, if that's something that would be helpful to you. It's…
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)
-
-
-