Skip to main content

CSS Syntax: An In-Depth Guide to Writing CSS Code

CSS syntax refers to the rules and guidelines for writing CSS code.

Here are some of the key components of CSS syntax:

Selectors​

A selector is used to target specific HTML elements that you want to style. Selectors can be based on element type, class, ID, attributes, or relationship with other elements.

As an example:

h1 {
     /* CSS styles go here */
}

Properties​

CSS properties are used to define the style of an HTML element. Properties can include things like color, font-size, background-color, border, and many more

As an example:

p {
     font-size: 16px;
}

Values​

Values are used to set the property of an HTML element.

As an example:

Declarations​

A declaration is a combination of a property and a value, separated by a colon (:).

As an example:

h1 {
     color: red;
}

Comments​

CSS comments can be used to add notes or explanations to the code. Comments are ignored by the browser and can help make the code more readable and easier to understand. Comments can be added using the /* */ syntax.

As an example:

/* This is a CSS comment */
h1 {
     color: red; /* This sets the color of all h1 elements to red */
}