From the course: Creating a Responsive Web Design

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Strategy for printing

Strategy for printing - CSS Tutorial

From the course: Creating a Responsive Web Design

Start my 1-month free trial Buy for my team

Strategy for printing

“

- Now we're going to to optimize our web page for printing. Now, just like before, I don't want to add any HTML into our page. So, everything that we're going to be doing that will optimize or make our design respond for the printed page, we're going to be doing with CSS. Now, when we first hooked in our screen.css file, we set a media attribute of screen. So, in a browser, if I come down to the file menu and choose Print, you'll see that none of the styles are going to be picked up. Let's hit Cancel here, let's go back to our text editor. Let's go into our HTML file, and just so we can see what would happen if we used our screens.css file for printing, let's come in here and find the media attribute, this is set to screen, let's change this to the word all, you can also delete this altogether, and then the screen.css would be used for all media types as well. So with that change, let's go back to the browser, we'll hit Reload, we'll come down to the Print dialogue box, and now we'll…

Contents