3.4 KiB
title, localeTitle
| title | localeTitle |
|---|---|
| Comments in CSS | Comentarios en CSS |
Comentarios en CSS
Los comentarios se utilizan en CSS para explicar un bloque de código o para hacer cambios temporales durante el desarrollo. El código comentado no se ejecuta.
La sintaxis de comentarios en CSS funciona tanto para comentarios de una sola línea como de líneas múltiples. Puede agregar tantos comentarios a su hoja de estilos como desee.
/*
Este es
un comentario
multilínea.
*/
/* Este es un comentario de una sola línea. */
.group:after {
content: "";
display: table;
clear: both;
}
Al utilizar los comentarios de CSS para que sus hojas de estilo sean más legibles, el CSS será más fácil de mantener en el futuro para usted u otro desarrollador. Es una buena práctica usar comentarios de CSS para ayudar a identificar partes de cualquier hoja de estilo que pueda ser difícil de entender para alguien que no escribió el código.
También puede hacer que sus comentarios sean más legibles al estilizarlos.
/*
***
* SECCIÓN PARA EL ESTILO H2
***
* Un párrafo donde doy informaciones.
* Sobre todo lo que alguien que lee el código
* pero si no lo escribiera tendría que saberlo.
* El asterisco alrededor del párrafo lo hace más legible.
***
*/
Puede agregar tantos comentarios a su hoja de estilos como desee. Es una buena práctica usar los comentarios de CSS para ayudar a identificar partes de cualquier hoja de estilo que puedan ser difíciles de entender a simple vista. Los comentarios son especialmente importantes cuando se trabaja en equipo, cuando los demás deben entender su código. Al utilizar los comentarios de CSS para que sus hojas de estilo sean más legibles, el CSS será más fácil de mantener en el futuro.
## Formatos de comentarios
Los comentarios se deben usar todos los días en su CSS para que todos los desarrolladores que se sumergen en dicho CSS puedan mantenerlos y leerlos.
Aquí hay algunos ejemplos para que pueda comenzar con los comentarios de CSS que puede usar en su trabajo diario para hacer su vida un poco más fácil.
css / * +++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++ CSS TABLA DE CONTENIDOS
1.0 - Restablecer 2.0 - Fuentes 3.0 - Globales 4.0 - Paleta de colores 5.0 - Encabezado 6.0 - Cuerpo 6.1 - Deslizadores 6.2 - Imágenes 7.0 - Pie de página +++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++++++++ * /
/ 1.0 - Restablecer * /
/ 2.0 - Fuentes * /
/ 3.0 - Globales * /
/ 4.0 - Paleta de colores * /
/ 5.0 - Encabezado * /
/ 6.0 - Cuerpo * /
/************************************************************************
5.1 - Deslizadores */
/************************************************************************
5.2 - Imágenes */
/ 7.0 - Pie de página * / `` `css
h2 { tamaño de letra: 1.2em; font-family: "Ubuntu", serif; transformación de texto: mayúsculas; } `` `