The document discusses different CSS selectors including tag selectors that apply styles to all instances of a tag, ID selectors that target a single unique element, and class selectors that can be used to style multiple similar elements and allow reusable styles. Class selectors are highlighted as being useful for applying styles to multiple elements without inline CSS and for reuse across the page.

1. Class 7

2. Selectors: Tag Selector HTML document: <p>, <h1>, <dl>, <dd>… CSS document: p { color: #ccc; }

3. Selectors: ID Selector *ID Selectors are used for ONE element in the document. HTML document: <div id=“footer”> text…</div> CSS document: #footer{ color: #ccc; }

4. Selectors: Class Selector Inline CSS? Inline CSS? Difficult to maintain style Tag Selector? Tag Selector? Use it in other areas ID Selector? ID Selector? Only one per page

5. Selectors: Class Selector!

6. Selectors: Class Selector HTML document: <div class=“thisThing”> text…</div> CSS document: .thisThing{ color: #ccc; }

7. Selectors: Class Selector .charBox { width:75%; margin-left:auto; margin-right:auto; border: solid #690 1px; }