Web Development: Unraveling HTML, CSS, and JavaScript/

...

/

Styling Page Elements

Styling Page Elements

In this lesson, we'll style some page elements using the magic of CSS. Let's begin!

We'll cover the following...

You can apply styles to a webpage in several ways, as you’ll see soon.

A style, often referred to as rule, is a compound expression that is built from a selector and a declaration block that contains zero, one, or more declarations.

Each declaration is a pair of a property and a value. The syntax of a rule is the following:

Press + to interact
selector {
  property1: value1;
  property2: value2;
  propertyN: valueN;
}

Let’s take a look at this example:

Press + to interact
h1 {
  color: white;
  background-color: blue;
}

Here, ...