From the course: CSS: Print Style Sheets

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

The pitfalls of using dev tools for previewing printing

The pitfalls of using dev tools for previewing printing - CSS Tutorial

From the course: CSS: Print Style Sheets

Start my 1-month free trial

The pitfalls of using dev tools for previewing printing

- [Instructor] Let's briefly return to this ugly webpage, the way it came out of the box at the beginning of this chapter. In other words there's no specific print styles that are declared just yet. Right now this webpage has some basic styling in place, but nowhere on here, is there any media specified. There's no media here on line eight in our linking HTML to our style sheet document. There's no media declared anywhere via media query inside of our CSS. If we go ahead and display this in a web browser, here we go, here it is in Firefox. And if we go to file print and we go ahead and open this up in preview as a PDF, you'll see here that I've got a white page with yellow text. So why is this? There is some kind of overriding style sheet somewhere along the way when I send this over to print, that is making the background white instead of blue, which is a really great thing but it doesn't have a default text color. So…

Contents