CSS Syntax - W3Schools

Home » What Is A Ruleset In Css » CSS Syntax - W3Schools

Maybe your like

CSS Syntax ❮ Previous Next ❯

CSS Syntax

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

CSS selector

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

In this example all <p> elements will be center-aligned, with a red text color:

p { color: red; text-align: center; } Try it Yourself »

Example Explained

  • p is a selector in CSS (it points to the HTML element you want to style: <p>).
  • 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

Tutorial on YouTube Tutorial on YouTube ❮ Previous Next ❯ ★ +1 Sign in to track progress

Tag » What Is A Ruleset In Css