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.
Touring your example page - CSS Tutorial
From the course: CSS: Print Style Sheets
Touring your example page
- [Tutor] Now that we've got those technical fundamentals out of the way about how to make a print style sheet and link it up to your document, let's go on to a more attractive webpage. So this is the document we're going to work with here in chapter two. This document is called blog dot HTML, and let's just run through real quick what we have going on here. Over here in the HTML, you'll see that we have font awesome is included here, we have some Google fonts and we have a, of course, our custom style sheet, which is displayed over here on the side. Down in the main body of the HTML, we have a header with a logo, we have a navigation bar, and then we have a longer article. That's going to go on for some time. We have a very big picture associated with this. This is the HTML picture tag here on line 41. You'll see that we have three different versions of this image inside of our picture tag, including one for tablet…
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)
Best practices for styling for print2m 15s
-
(Locked)
Touring your example page5m 37s
-
(Locked)
Hiding irrelevant information for print4m 38s
-
(Locked)
Changing webpage layouts for print2m 36s
-
(Locked)
Overriding styles intended for screen display8m 27s
-
(Locked)
Adding print-only information that is hidden from screens4m 58s
-
(Locked)
Writing URLs after links and social media icons6m 54s
-
(Locked)
Complex media queries for print and page orientation5m 58s
-
(Locked)
Challenge2m 9s
-
(Locked)
Solution3m 43s
-
(Locked)
-
-