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.
Solution
(upbeat music) - [Narrator] So how'd you do with that challenge? Hopefully it went okay for you. I incorporated a whole lot of stuff into this webpage and it's looking so much better in print. So let's go through all my changes and then we'll take a look at it inside of the browser. So, first of all, I went ahead and turned on my hyphens. I put it on the body tag, hyphens are inherited so that by putting it here on the body tag, my hyphen should carry all the way through my document, which is great, that's exactly what I wanted. And then that was actually outside of my print media query. Once we get to my print media query, everything else is inside of that. So the very first thing that I did is h1, h2, h3, and my links have all been set to a black color. Of course they were all sort of gold before I had said that one of the extra challenges in this project was to make it all black and white, and this was still displaying as…
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)
Understanding paged media and CSS fragmentation properties4m 13s
-
(Locked)
Setting printing page breaks5m 51s
-
(Locked)
Creating columns within longer documents5m 11s
-
(Locked)
Adding hyphenation5m 25s
-
(Locked)
Controlling widows and orphans3m 43s
-
(Locked)
Using @page to create page margins5m 25s
-
(Locked)
Coming soon: Additional @page properties3m 16s
-
(Locked)
Challenge1m 15s
-
(Locked)
Solution4m 30s
-
(Locked)
-