Classes and IDs

To define the basic structure of a webpage.

To add interactivity and dynamic behavior to elements.

To target specific HTML elements for styling.

To link different HTML pages together.

Only the first instance of that element on the page will be styled.

All instances of that element on the entire website will receive the specified styling.

The styling will only apply if the element is nested within a `div` tag.

The styling will be ignored by the browser.

Using the `id` attribute, e.g., `

`.

Using the `style` attribute, e.g., `

`.

Using the `class` attribute, e.g., `

`.

By wrapping the element in a `` tag.

# (hash symbol)

. (period/dot)

* (asterisk)

> (greater than symbol)

Yes

No

IDs use a dot (.), classes use a hash (#).

IDs use a hash (#), classes use a dot (.).

Both use a dot (.).

Both use a hash (#).

Classes must be unique, while IDs can be reused.

IDs must be unique per element or page, while classes can be applied to multiple elements.

Both classes and IDs must be unique per page.

Both classes and IDs can be applied to multiple elements.

An ID name can be reused across different elements on the same page.

An ID name should be unique to a single HTML element on a page.

Multiple ID names can be assigned to a single HTML element.

ID names are primarily for styling and have no other functional purpose.

Applying multiple styles to a single element.

Styling elements based on their content.

Linking to specific sections within the same webpage.

Changing the font size of text.