CSS Basic Syntax

Last updated Aug 5, 2023 Edit Source

• Programming
• Frontend
• Css

CSS has its own syntax rules. The most Basic CSS syntax consists of a list of parameters. Like follows:

1

selector { property: value; }

It consits of two key parts:

• Selector. It indicates which HTML elements the styles will be applied to.
• Declaration block. Declaration Block contains one or more declarations separated by semicolons

1
2
3
4
5
6
7
8
9

h1 {
  color: red;
}

div, p {
  width: 500px;
  height: 50px;
  color: yellow;
}

Each declaration block its divided in parts, property name and value, each separated by a colon.

• Property. Determines what exactly will be altered, it can be the background or other content in the page.
• Value. The refinement that will be done based on the property that was already defined.

The syntax of CSS comments is like a multi line comment in java:

1

/* THIS TEXT IS COMMENTED */

1
2
3

p {
  color: blue; /* the color of the text paragraph is blue */
}

1
2
3
4
5
6
7
8

/* The styles given
   to the paragraph
   with the text 
*/
p {
  color: blue;
  background-color: black;
}

They can let u disable code fragments, to be honest, its like using multi line java comments for everything.