Sintaxis Básica de CSS

La sintaxis de CSS consiste en reglas que se aplican a los elementos HTML para controlar su estilo. Cada regla de CSS tiene tres componentes principales: un selector, una propiedad, y un valor.

Estructura Básica de una Regla CSS

selector {
    propiedad: valor;
}

• Selector: Indica a qué elemento(s) HTML se aplicará el estilo. Por ejemplo, p para todos los párrafos, .clase para todos los elementos con una clase específica, o #id para un elemento con un identificador único.
• Propiedad: Define el aspecto que deseas cambiar. Las propiedades pueden ser cosas como color, font-size, margin, etc.
• Valor: Especifica cómo quieres que sea ese aspecto. Por ejemplo, si la propiedad es color, el valor podría ser blueo #0000FF.

Ejemplo de una Regla CSS

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

• Selector: p (aplicará estilos a todos los elementos <p>).
• Propiedades y Valores:
  • color: blue; (establece el color del texto en azul).
  • font-size: 16px; (establece el tamaño de la fuente en 16 píxeles).

Reglas Múltiples

Puedes aplicar múltiples reglas a un mismo selector separándolas por punto y coma:

h1 {
    color: red;
    text-align: center;
    margin-top: 20px;
}

Comentarios en CSS

Los comentarios en CSS se utilizan para explicar el código o desactivar temporalmente partes del código. Se escriben entre /* y */.

/* Este es un comentario */
p {
    color: green; /* Comentario en línea */
}