Boot Camp

Styling Code, Part 1
Inline Cascading Styles Quick Examples
These are not exhaustive, but give a good sampling. You will want to download a current
CSS Cheatsheet for your own use: http://www.cheat-sheets.org/#CSS
• Body:
• Text:
• Text:
• Text:
• Text:
• Image:
• Image /text wrapping: for a left image wrap, and
float:left for a right image wrap.
• Table:
• Table:
• Table:
• Table, tr, and td tags allow vertical alignment, background color, vertical alignment
• Text tags allow text alignment, color, and font variations
• Font color: style=”color:black;”
• Text alignment: style=”text-align:center;”
• Vertical alignment for tables: style=”vertical-align:top;”
• Border: style=”border:1px;”
• Background Color: style=”background-color:green;”
Inline Cascading Styles
Inlining style is far more inflexible than the other methods. To use inline style, one must
declare a single style sheet language for the entire document using the Content-Style-
Type HTTP header extension. With inlined CS, an author must send text/css as the Content-Style-Type
HTTP header or include the following tag in the head section:
Inlining style loses many of the advantages of style sheets by mixing content with presentation.
As well, inlined styles implicitly apply to all media, since there is no mechanism
for specifying the intended medium for an inlined style. Normally this method should be
used sparingly, such as when a style is to be applied on all media to a single occurrence of
149