CSS Getting Started

What is CSS Syntax?

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

CSS Getting Started

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;
}

Example Explained

  • pis a selector in CSS (it points to the HTML element you want to style: <p>).
  • color?is a property, andredis the property value
  • text-align is a property, and?center?is the property value

Terry White

Terry White is a professional Drupal & WordPress developer, Web developer, Web designer, Software Engineer, and Blogger. He strives for pixel-perfect design, clean robust code, and a user-friendly interface. If you have a project in mind and like his work, feel free to contact him

View all posts by Terry White →