CSS Syntax

A CSS stylesheet consists of a set of CSS rules that applies to the corresponding elements such as heading, paragraphs, lists, tables, images, etc. in the HTML document.

A CSS rule consists of two main parts, first – a selector and second – a declaration block.

CSS syntax

Selector: A selector is the HTML element that you want to style. For example – <h1>, <h2>, <p>, <span>, etc.

Declaration Block: The declaration block contains one or more declarations separated by semicolons(;). Each declaration consists of a CSS property and a value separated by a colon(:). For example, color: red;, background: yellow;, etc. Each declaration block is surrounded by curly braces {}.

A property is the style attribute that you want to change, for example – color, background-color, font-size, etc. Each property has a value, for example, the background-color could be red, green, yellow, and so on.


  color: red;
  background-color: yellow;


In the above example, h1 is a selector(The HTML element that we want to style).

The color and the background-color are CSS properties, red and yellow are their corresponding values.


  • Manoj Kumar

    Hi, My name is Manoj Kumar. I am a full-stack developer with a passion for creating robust and efficient web applications. I have hands-on experience with a diverse set of technologies, including but not limited to HTML, CSS, JavaScript, TypeScript, Angular, Node.js, Express, React, and MongoDB.

Leave a Comment