Introduction to CSS Syntax

CSS (Cascading Style Sheets) is a style sheet language used for describing the presentation of a document written in HTML. CSS syntax is easy to learn and understand, but it's essential to follow the correct syntax to avoid errors and ensure your styles are applied as intended.

Basic CSS Syntax

CSS rules are made up of selectors and declaration blocks:

selector {
    property: value;
}

The selector points to the HTML element you want to style. The declaration block contains one or more declarations separated by semicolons. Each declaration includes a CSS property name and a value, separated by a colon.

Example of CSS Syntax

Here’s an example of CSS syntax in action:

p {
    color: blue;
    font-size: 14px;
}

CSS Comments

CSS allows you to add comments within your stylesheets. Comments are ignored by the browser and are useful for explaining your code:

/* This is a comment */
p {
    color: red;
}

CSS Selectors

CSS selectors are used to "select" the HTML elements you want to style. There are different types of selectors:

• Element Selector: Selects elements based on the element name (e.g., p for paragraphs).
• Class Selector: Selects elements based on the class attribute (e.g., .classname).
• ID Selector: Selects elements based on the ID attribute (e.g., #idname).

Grouping Selectors

You can group multiple selectors to apply the same styles to multiple elements:

h1, h2, p {
    color: green;
}