lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

webIntroCssChapter1Title

webIntroCssChapter2Title

webIntroCssChapter3Title

webIntroCssChapter4Title

webIntroCssChapter5Title

# Class

A CSS `Class` is a `selector` used to apply styles to HTML elements or select elements with JavaScript.

It is primarily used to apply the same CSS styles to multiple HTML elements.

<br />

## Key Features of Class

In CSS, a class is defined by a name starting with a `.` and can be assigned to multiple elements to apply consistent styling.

You can apply multiple classes to a single HTML element, and class names should be defined using letters, numbers, hyphens (`-`), and underscores (`_`), without spaces.

<br />

For example, here is a CSS class that makes the background color yellow and the text color blue.

```css title="highlighted CSS class"
.highlighted {
  background-color: yellow;
  color: blue;
}
```

<br />

This class can be applied in an HTML document like this to style h1, h2, and p tags with the same styles.

```html title="Applying the CSS class"
<h1 class="highlighted">Highlighted H1</h1>
<h2 class="highlighted">Highlighted H2</h2>
<p class="highlighted">Highlighted Paragraph 1</p>
<p class="highlighted">Highlighted Paragraph 2</p>
```

<br />

Follow the emphasized parts of the code and try entering it.

A CSS class starts with a `.` and allows you to assign the same class name to multiple elements to share styles. This enables efficient and consistent styling.

### A CSS class is an identifier used to apply styles to HTML elements.