When you are styling paragraphs, headings, and footers, most of the work can be automatically accomplished by creating tag redefine styles for the

tag and however many heading tags you intend to use, such as

,

, and

:

p {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
 color: #039;
 background-color: #FCEBB6;
}

In some circumstances, you may want to create a custom style and apply that selectively to individual words or phrases throughout your text by using the class=”stylename” attribute as part of the opening tag that surrounds the content, whether that be a paragraph, heading, or span tag:

.stylename {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 10px;
 font-style: italic;
 font-weight: bold;
 font-variant: small-caps;
 color: #006;
}
<p <b>class=</b><b>"</b><b>stylename</b><b>"</b>>This entire paragraph will be styled using the stylename class, which overrides the redefined paragraph style.</p>

When styling footer content, you may want to create styles to format all the content that goes there. To start, many designers isolate the footer content into its own layer. If you’ll be coding with HTML5, you can use the