? CSS Syntax

? Quick Overview

CSS Syntax defines the structure used to write styles for HTML elements. Each CSS rule is made of a selector and a declaration block. Inside the block are one or more property–value pairs that control how elements appear on screen.

✅ Key Concepts

• Selector → Targets HTML elements
• Property → Defines what to style
• Value → Specifies how to style it
• { } → Wrap declarations
• : → Separates property & value
• ; → Ends each rule

? Syntax / Theory

The standard rule-set format:

/* General structure of a CSS rule */
selector {
property1: value1;
property2: value2;
}

? Code Example

Styling an <h2> element using proper CSS syntax:

/* Style for all h2 headings */
h2 {
color: green;
font-size: 24px;
text-align: center;
}

? Explanation

• h2 → Selector
• color, font-size, text-align → Properties
• green, 24px, center → Values
• ; → Ends instructions
• { } → Groups style rules

? More Example

/* Styling paragraph elements */
p {
color: blue;
background-color: #f0f0f0;
padding: 10px;
}