O'Reilly logo

CSS3 Foundations by Ian Lunn

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

chapter five

Adding Presentational Styles

In this chapter, you take a deeper look at some of the properties you’ve already used, learn how to use shorthand properties and property values, and learn many more properties to make Cool Shoes & Socks really stand out!

Before you begin reading about presentational styles, first set up the page to give it a little more structure:

green-frog_nobkgrnd.psd

Project Files Update (ch05-00): If you haven’t followed the previous instructions and are comfortable working from here onward or would like to reference the project files up to this point, you can download them from www.wiley.com/go/treehouse/css3foundations.

1. In styles.css, find the body rule set and add the following declarations:

margin: 0 auto;

max-width: 960px;

2. Save styles.css.

These properties—that center the web page as shown in Figure 5-1—are covered in Chapters 6–9. It’s kind of looking more like a web page now, right?

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required