Anatomy of HTML Elements and CSS Rules

A set of HTML tags or a singular/self-closing HTML tag is an called a HTML element.

A set of CSS code is called a CSS rule

Below is an image of an HTML element's anatomy...

html anatomy

Below is an image of a CSS rule's anatomy...

css anatomy

Types of CSS Selectors

There are three main types of CSS selectors...

Note:When you are styling a website using CSS. It is best to use only class selectors and element selectors when necessary.

Use a selector in CSS to change this HTML element

Use a class selector to change this.

Use an id selector to change this.

Stacking Classes

This paragraph has a color.

This paragraph is bold.

This paragraph has combined classes from the two above it.