CSS Comments (Español)

cada lenguaje de programación le permite agregar notas y otras sugerencias que le ayudan a entender lo que está pasando. No todo CSS es tan comprensible a primera vista como, por ejemplo, algo como font-size: 20px, por lo que algunas secciones de código pueden beneficiarse de la adición de notas u otras sugerencias en su entorno. Aquí hay un ejemplo:

.cf { zoom: 1; /* for IE6 and IE7 */}

el comentario en esta línea de código es la parte que dice «para IE6 e IE7», y es identificable como tal por la barra invertida anterior seguida de un asterisco, y el asterisco y la barra invertida al final.,

Podemos agregar tantos de estos a nuestra hoja de estilos como queramos, y es una buena práctica usar comentarios CSS para ayudar a identificar partes de cualquier hoja de estilos que podrían ser difíciles de entender desde un vistazo superficial. Al usar comentarios CSS para hacer que nuestras hojas de estilo sean más legibles, el CSS será más fácil de mantener en el futuro.

un comentario CSS puede abarcar varias líneas si es necesario. Todo lo que está entre los caracteres de comentario de apertura y cierre será ignorado por el navegador, al igual que los propios caracteres de comentario., Muy a menudo verá algo como esto en un archivo CSS:

/*******************************************************These are the styles forthe header section*******************************************************/

observe que, en este ejemplo, no solo he incluido los caracteres de apertura y cierre de asterisco y barra invertida, sino que también he agregado algunos caracteres de asterisco adicionales que abarcan varias líneas. Esto hace que el comentario sea fácil de encontrar al desplazarse por el archivo CSS. Agregue encabezados de sección como este en CSS para ayudar a organizarlo en fragmentos de código legibles y relacionados.

desafortunadamente, CSS no tiene una manera fácil de presentar un comentario válido de una sola línea que use solo una combinación de caracteres de comentario de apertura., Por ejemplo, en JavaScript, puede comentar una sola línea de código como esta:

// This is a JavaScript comment

esto es útil en JavaScript porque facilita anular una línea completa de código o agregar un comentario útil, con solo dos caracteres (las barras invertidas). Pero en CSS es necesario usar los caracteres de apertura y cierre para especificar los límites de cualquier comentario.

para correcciones rápidas y temporales, sin embargo, es aceptable crear una especie de comentario CSS falso aplicando el principio que discutimos en la sección anterior sobre errores CSS., Supongamos que tenemos el siguiente CSS:

.center-global { max-width: 1020px; margin: 0 auto;}

Y digamos que queremos eliminar temporalmente la primera línea (el max-width declaración). Podríamos hacer esto:

.center-global { /* max-width: 1020px; */ margin: 0 auto;}

esto funciona bien, pero una forma más rápida de lograr el mismo resultado es simplemente poner algunos caracteres aleatorios al principio de la línea, como así:

.center-global { AAAAmax-width: 1020px; margin: 0 auto;}

es rápido y efectivo, pero nunca dejes tu CSS como este en un sitio web en vivo. No es CSS válido y solo debe usarse en desarrollo para hacer una depuración rápida.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *