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 asterísco. Para cerrar el comentario se hace a la inversa, primero asterísco y finalmente la barra. Se pueden situar arriba de cualquier línea o a un lado.

Hoja de estilos CSS

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

Hoja de estilos 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.

Hoja de estilos 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.

16- Crea un comentario de una sola línea.

17- Crea un comentario multilínea que anule solo el selector p de las siguientes líneas:

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

p {
    font-align: center;
}

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


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.


Comentarios

Si te quedan dudas sobre el temario, sobre CSS, o cualquier otra cosa relacionada o simplemente quieres agradecer, aquí tienes tu sitio para dejar tu granito de arena. Gracias por tus comentarios y por darle vida a este sitio web.