View video tutorial

CSS Syntax

CSS

Selectors and style declarations are what CSS syntax is all about.

CSS syntax


➔ CSS syntax consists of two parts selectors and style declarations.

➔ The function of selectors is to select the elements to which the CSS style will be applied.

➔ The function of the declaration part is to declare the CSS style inside curly braces that will be applied to the selected elements.

➔ A property and value pair inside curly braces separated by colons is called a CSS declaration, whereas multiple CSS declarations are separated by semicolons inside the same curly braces.

Example

p {
  font-style: italic;
  color: red;
}
Try it Now »

Click on the "Try it Now" button to see how it works.


Explain Code

Here, p is a selector that selects the HTML elements to which you want to apply the style.

color is a CSS property and red is the property's value, font-style is a CSS property and italic is one of the property's values.

Curly braces { } are mandatory to enclose all CSS code.