CSS Syntax

A CSS rule consists of a selector and a declaration block:

<img src="img_selector.gif" alt="CSS selector" class="w3-image">

The selector points to the HTML element you want to style.

The declaration block contains one or more declarations separated by semicolons.

Each declaration includes a CSS property name and a value, separated by a colon.

Multiple CSS declarations are separated with semicolons, and declaration blocks are surrounded by curly braces.

Example

p
{

  color: red;

  text-align: center;

}

Example Explained

• p is a selector in CSS (it points to the HTML element you want to style:

).

• color is a property, and red is the property value

• text-align is a property, and center is the property value

You will learn much more about CSS selectors and CSS properties in the next chapters!

Video: CSS Syntax