CS49

Within these castle walls be forged Mavens of Computer Science ...

— Merlin, The Coder

HTML Class Attribute

Formatting the class attribute

The tag .class is often used to attribute specific formatting styles (font, color, size, etc.) to multiple elements under that class.

Example:

 .city {
 background-color: tomato;
 color: white;
 margin: 20px;
 padding: 20px;
 }

In the above example, the class is named "city" and has specific formatting styles attached to it. To apply the class to multiple elements, you would use this syntax:

London

Paris

Tokyo

As you can see, the tag

will apply the formatting styles defined under the class ".city" to the heading tags that say London, Paris, and Tokyo.

Purpose

The purpose of the HTML class attribute is to keep your code short and neat and to save time.