From the course: HTML for Educators

Unlock the full course today

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

Creating a print-only style sheet

Creating a print-only style sheet - HTML Tutorial

From the course: HTML for Educators

Start my 1-month free trial

Creating a print-only style sheet

“

- [Instructor] Before we wrap up this chapter on CSS, there is one more thing that every educator needs to know and that is how to create a dedicated print style sheet. I'm in unit01.html and I finished coding the rest of our site. I've also created a second external style sheet in the underscore css folder called print dot css that we can link to this page. To get a sense of what we're up against, let's preview our page in our browser. Then go up to the file menu and select print. The preview of this page probably looks fairly similar to most any web page that you've ever printed out. The text is all fairly easy to read but media such as our video just show up as a big blank box. I've added a link directly to the video for our web users, but you have no way of knowing where that video is located if you can't get back to this page. We also are seeing this resources menu off to the right on the printed page that doesn't really do us any good at all. We can do better for our learners…

Contents