• Increase formatting control
• Apply formatting to many pages

The selector selects elements of an HTML document, to which the style rules are applied. For example, if you want all text contained in bold tags to be red, the style rule is written:

Each time the <B>bold container</B> is encountered, the enclosed text will be bold and red. This formatting is a composite of the innate HTML attributes of the B tag, and the specifically defined properties of the B style.
      HTML generic tags do not impart any markup features to the enclosed source, but can be selected for style application. These are the <div></div> block tags and the <span></span> inline tags. The following text is formatted only with div and span tags. Without style rules applied, the formatting is simple. When the style is applied, the formatting becomes complex.
 

The purpose of style is to identify groups of HTML elements that can be formatted similarly, and apply the same style rules to all of them.

tagname { rules }
.classname { rules }
#idname { rules }
:pseudoclass { rules }

Complex combinations of these selectors may be used to select a more specific group of HTML objects. For example, all links <A HREF=url> with CLASS="buttonClass" will have these rules applied when they are active (clicked).

A.buttonClass:active { rules }

Selectors can also be applied in context. For example, table cells <TD> with CLASS="col3" will only have these style rules applied if they are nested within another element ( such as <TABLE> ) with ID="myTable".

#myTable     TD.col3  { rules }

How style rules are applied depends on the features of the HTML elements to which they are applied. The STYLE properties applied to an HTML tag, or element, must be consistent with its character. For example, the paragraph tag <P> has an ALIGN attribute, which can be set to left, right, or center: <P ALIGN=center>. The text-align STYLE property can be also be applied to P tag contents, set to left, right, or center: P { text-align: right; }. If both a style rule and an HTML attribute affect the same markup feature, the STYLE rule overrides the HTML attribute.

click click click click

A Border and A Background

      Backgrounds can be color, image, both, or neither. Options provide for positioning background images in fixed positions, or allowing them to move with the content of the element.