Skip to content
Tutorial Reference

CSS Syntax

How CSS rule sets work, including selectors, declaration blocks, properties, and values with examples of styling HTML elements like <p> tags.

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

Example:

CSS Selector Example

where:

  • 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: All <p> elements will be center-aligned, with a red text color:

p {  
	color:  red;  
	text-align:  center;  
}

Explanation:

  • 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
Navigation