Chapter 7. A CSS3-Enhanced Web Page

In this chapter, I’ll combine the page layout techniques from Chapter 5 and the component styling techniques from Chapter 6 to create a complete Web page. You will see many CSS3 stylings, including radiused corners, text shadows, box shadows, transitions, and transforms, that add a modern and professional look to the overall design.

The page I will create in this chapter is one that I am working on as I write this book, which is the book’s new Web site. As always, I’ll use this example to show new techniques that will help you on your own projects, and point out pitfalls that you might encounter.

I’ll first show you how to plan your page framework, and then take you step-by-step through the process of adding ...

Get Stylin’ with CSS: A Designer’s Guide, Third Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.