Los comentarios en CSS - Curso de CSS3 básico - Capítulo 4


En este pequeño capítulo vas a ver como especificar comentarios en CSS. Tales comentarios sirven para lo mismo que en html o el lenguajes de programación. Indicar lo que hace una sección de la hoja css, anular partes sin borrarlas son algunos de sus usos.

Nota: los comentarios son siempre ignorados por el navegador.

Sintaxis de comentarios en CSS

Aquí tienes unos ejemplos:

Comentarios de una línea CSS

Los comentarios de una línea se especifican con el símbolo barra seguido de un asterisco. Para cerrar el comentario se hace a la inversa, primero asterisco y finalmente la barra. Se pueden situar arriba de cualquier línea o a un lado.

CSS

/* Este es un selector de agrupación que afecta a h1, h2 y p */
h1, h2, p {
    text-align: center;
    color: deepskyblue;
}

CSS

h1, h2, p {
    text-align: center; /* Centra el texto */
    color: deepskyblue; /* Le da color deepskyblue al texto */
}

Comentarios multilínea en CSS

Los comentarios multilínea en CSS no cambian, simplemente, inicia el comentario en una línea y ciérralo en otra línea.

Se utilizan o bien para una explicación o detalle de varias líneas o para anular ciertas partes de tu hoja de estilos, de modo que no tengas que borrarlas por si las necesitas más adelante.

CSS

/* Este comentario anula todo lo que se encuentra entre su apertura y su cierre.
h1, h2, p {
    text-align:  center;
    color: deepskyblue;
} */

Ejercicios de CSS

Los ejercicios que ves a continuación, los puedes realizar sobre cualquier hoja css, el contenido no importa, solo que pongas correctamente los comentarios.

  1. Crea un comentario de una sola línea.
  2. Crea un comentario multilínea que anule solo el selector p de las siguientes líneas:
  3. CSS

    h1 {
    	font-align: left;
    	color: red;
    }
    
    p {
    	font-align: center;
    }

La solución la encontrarás aquí: Haz click aquí.


Capítulos


    Suscríbete a mi canal de YouTube para apoyarme

    Si te ha gustado este curso y crees que el trabajo merece la pena, te agradeceré eternamente que te suscribas a mi canal de YouTube para apoyarme y que pueda seguir haciendo cursos gratuitos.

    Además, si te encanta la programación, tienes un montón más de cursos gratuitos para ver.

    No solo eso, podrás participar enviándome comentarios con tus sugerencias para temas específicos o cursos completos o incluso las dudas que tengas y las intentaré ir resolviendo en los cursos que estén todavía abiertos.