05-Comentarios en CSS: Mejora la Legibilidad del Código 📝

---

Elementos Semánticos en HTML

• Comentarios en CSS
• Comentarios HTML y CSS

---

Comentarios en CSS

Los comentarios en CSS son líneas de código que no se ejecutan y se utilizan para incluir notas o explicaciones dentro del código. Son útiles para documentar el propósito de ciertos estilos o para realizar anotaciones sobre el diseño.

Se escriben utilizando la siguiente sintaxis:

Uso: Los comentarios pueden usarse en cualquier lugar de la hoja de estilo CSS, pero es recomendable emplearlos para explicar bloques de código o para desactivar temporalmente ciertas reglas.

Ejemplo de uso:

Un comentario en CSS comienza con /* y termina con */. Todo el texto entre estos dos símbolos será ignorado por el navegador.

Cuándo usar: Es recomendable utilizar comentarios para mejorar la legibilidad del código, especialmente en proyectos más grandes o cuando trabajas en equipo.

---

Ejemplos Visuales

/* Este es un comentario en CSS */
/* Los estilos a continuación son para el cuerpo del documento */
body {
    background-color: #f0f0f0; /* Color de fondo */
}

/* Comentario para una clase específica */
.header {
    color: blue; /* Color del texto para la cabecera */
}
            

---

Comentarios HTML y CSS

Los comentarios son herramientas importantes en la programación que permiten a los desarrolladores incluir notas o explicaciones dentro del código. En HTML y CSS, los comentarios ayudan a documentar el código para que sea más fácil de entender y mantener.

En HTML: Los comentarios se escriben utilizando la siguiente sintaxis:

<!-- Este es un comentario en HTML -->

Los comentarios en HTML pueden colocarse en cualquier parte del documento, y todo el texto entre <!-- y --> será ignorado por el navegador.

En CSS: Como se mencionó anteriormente, los comentarios en CSS se escriben de la siguiente manera:

/* Este es un comentario en CSS */

Los comentarios en CSS también se pueden utilizar en cualquier lugar dentro de la hoja de estilo y sirven para explicar bloques de código o para desactivar temporalmente ciertas reglas.

Cuándo usar: Se recomienda usar comentarios en ambas lenguas para mejorar la legibilidad del código, especialmente en proyectos grandes o colaborativos.

---

Ejemplos Visuales

    
Este es un párrafo visible.
    
    


/* Este es un comentario en CSS */
.header {
    color: red; /* Cambiar el color del texto a rojo */
}
            

---

Ir al índice

---