HTML and CSS Reference
In-Depth Information
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 short-
hand 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:
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 .
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?
Property Definitions
In CSS3 Foundations , each property definition begins with key information about that property, which consists of:
• The property's initial value
• Whether the value is inherited
• Which elements the property can be applied to
• Whether the property is from the CSS2.1 or CSS3 specification
• Which browsers the property is supported in
A property's initial value is that which is applied to an element prior to your changing it via CSS. For example, many
elements have an initial background color of transparent .
If a property is inherited, it is passed down to the child elements of the element to which it is applied. For example,
when you gave the <body> a font-size of 62.5% in Chapter 4, that font-size was inherited by all the ele-
ments contained within the <body> .
Search WWH ::

Custom Search