CSS, u hojas de estilo en cascada, es un lenguaje de hojas de estilo que se utiliza para describir la presentación de un documento escrito en HTML o XML. CSS le permite controlar el diseño, el estilo y la apariencia de las páginas web. Repasemos algunos ejemplos y sintaxis CSS básicos:

Sintaxis CSS:

Selectores: los selectores se utilizan para seleccionar elementos HTML para aplicarles estilo. Puede seleccionar elementos por nombre de etiqueta, clase, ID, atributo, etc.

 CSS
 /* Selecting by tag name */
p {
    color: blue;
}

/* Selecting by class */
.my-class {
    font-size: 16px;
}

/* Selecting by ID */
#header {
    background-color: #333;
}

Propiedades y valores: las reglas CSS constan de pares propiedad-valor. Las propiedades definen el estilo que se aplicará y los valores especifican cómo se debe establecer la propiedad.

 CSS
 /* Example of a CSS rule */
h1 {
    color: red;        /* Property: color, Value: red */
    font-size: 24px;   /* Property: font-size, Value: 24px */
}

Comentarios: Los comentarios en CSS se escriben con /* */ . No se muestran en la página web, pero pueden resultar útiles para agregar notas a su código.
```
 CSS
 /* This is a comment */
```

Ejemplo:

Digamos que tienes el siguiente código HTML:

 HTML
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS Example</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>Hello, CSS!</h1>
    <p class="intro-text">This is a simple example.</p>
    <div id="main-content">
        <p>This is some content inside a div.</p>
    </div>
</body>
</html>

Y en tu archivo styles.css :

 CSS
 /* Targeting the h1 element */
h1 {
    color: blue;
    text-align: center;
}

/* Targeting elements with class "intro-text" */
.intro-text {
    font-style: italic;
}

/* Targeting the div with ID "main-content" */
#main-content {
    background-color: #f0f0f0;
    padding: 10px;
}

En este ejemplo:

El h1 elemento tendrá un color de texto azul y estará alineado en el centro.
Los elementos con clase intro-text tendrán estilo de fuente en cursiva.
El div con ID main-content tendrá un color de fondo gris claro y algo de relleno.

Estos son ejemplos muy básicos y CSS puede ser mucho más complejo a medida que profundiza en técnicas avanzadas de diseño y estilo.