Web Design - Web Authoring / Intro to CSS: Class Selectors

Sections:  Introduction  |  Section 1  |  Section 2  |  Section 3
Section Two:  Part A  |  Part B  |  Part C  |  Part D  |  Part E  |  Part F  |  Part G  |  Part H  |  Part I

Class Selectors in Action

Let's See it in Action icon.Let's See it in Action: Class Selectors

So to deploy the .statSize class selector rule you must:

  1. Add the class="" attribute to the opening <p> tag.
  2. List the name of the class selector rule (minus the period [ . ]) as the value for the class="" attribute – meaning place the name between the quotation marks [ "" ].

See the example code and subsequent web page in the example image below to understand how to deploy a class selector rule. Be sure to note the highlighted code to see how the different CSS rules apply to the HTML document.

header tags

Next Next

© 2008 KCDL. All rights reserved.