Boot Camp

Web Authoring Boot Camp
an element. If the style should be applied to a single element instance but only with certain
media, use the id attribute instead of the style attribute.
However, for the purposes of learning cascading style rules, we will focus on using simple
CS inline on web pages, and touch on a little CS use in a web page’s head section. We
will look at more complex CS in a later chapter when we build a cascading style sheet.
Style may be inlined using the style attribute, which may be applied to any body element
(including body itself) except for param, and script. The attribute takes as its value any
number of CS declarations, where each declaration is separated by a semicolon. An example
follows:
I am gray paragraph text.
Embedded Cascading Styles
Embedded head section style rules are another method you use in CS to create a styles to
apply to your HTML code. The benefit comes from creating a style once that can be used
for the same element/tag throughout the web page. They should be used when a single
document has a unique style. If the same style sheet is used in multiple documents, then
an external style sheet would be more appropriate.
Head section CS style rules:
• Are coded in the head section, not the body section of your web page.
• Can be styled once in a page so you can cut down code and be more consistent.
• Follow the strict CS style rules.
• Require you to reference the styles inline in the body section of your page.
• Use a different commenting style than regular HTML code: /* comment */
Head section style rules have the CS standard format which is organized a little differently
than inline:
• Code style: selector, brackets around property/value pairs, semi-colon concluder
for each property/value pairs.
p {color:red; }
• All rules need to have the property/value paired style info inside brackets {}
• Selector: Determines which elements are affected - p {color:red;}
• Declaration: One or more property/value pairs - p {color:red;}
150