CSS Syntax

A CSS rule set contains a selector and a declaration block.

CSS Syntax

CSS Syntax rule consists of a selector, property, and its value. 


The selector points to the HTML element you want to style. It could be any tag like <h1>, <p> etc.


The declaration block can contain one or more declarations separated by a semicolon. For example color: yellow; font-size: 11 px;

Declaration blocks are surrounded by curly braces.

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


A Property is a type of attribute of HTML element. It could be color, border etc.


Values are assigned to CSS properties. For example, value “yellow” can be assigned to color property.


h1 {
  color: blue;
  text-align: right;


  • h1 is a selector in CSS (it points to the HTML element you want to style: <h1>).
  • color is a property, and blue is the property value
  • text-align is a property, and right is the property value