CSS Syntax — The Basics

CSS syntax defines how CSS rules are written to style HTML elements.

Basic Structure

selector {  property: value;  property2: value2;  /* more properties */}

Components:

1. Selector
   Specifies the HTML element(s) to style.
   Examples:

   • p — all paragraphs

   • .className — all elements with class "className"

   • #idName — element with ID "idName"

2. Declaration Block
   Contains one or more declarations inside { }

3. Declaration
   Each declaration is a property and a value, separated by a colon and ended with a semicolon.

Example:

h1 {  color: blue;           /* property: value */  font-size: 24px;       /* property: value */  margin-bottom: 10px;}

This styles all <h1> elements with blue text, 24px font size, and 10px bottom margin.

Notes:

• Multiple declarations inside {} are separated by semicolons.

• Whitespace and line breaks don’t affect the code (for readability).

• Comments can be added with /* comment */.

If you want, I can explain specific parts like selectors, properties, or show you more examples!