Cada sitio web está compuesto de elementos estructurales, funcionales y estilísticos. Las hojas de estilo en cascada dictan la apariencia (el & amp; quot; look and feel & amp; quot;) de un sitio web. Estos estilos se mantienen separados de la estructura HTML para permitir una fácil actualización y cumplimiento de los estándares web.
El problema con las hojas de estilo
Con el tamaño y la complejidad de muchos sitios web en la actualidad, las hojas de estilo pueden volverse bastante largas y engorrosas. Este problema ha crecido en complejidad ahora que las consultas de medios y amp; amp; nbsp; para estilos de sitio web receptivos son una parte esencial del diseño, asegurando que un sitio web se vea como debería independientemente del dispositivo. Esas consultas de medios por sí solas pueden agregar un número significativo de nuevos estilos a un documento CSS, lo que hace que sea aún más difícil trabajar con él.& amp; amp; nbsp; La gestión de esta complejidad es donde los comentarios de CSS pueden convertirse en una ayuda invaluable para los diseñadores y desarrolladores de sitios web.
Video destacado
Comentarios Agregar estructura y claridad
Agregar comentarios a un sitio web y apos; s Los archivos CSS organizan secciones de ese código para un lector humano que revisa el documento. También garantiza la coherencia cuando un profesional de la web retoma donde otro deja de lado o cuando equipos de personas trabajan en un sitio.
Los comentarios bien formateados comunican aspectos importantes de la hoja de estilo a los miembros de un equipo que pueden no estar familiarizados con el código. Estos comentarios también son útiles para las personas que han trabajado en el sitio antes pero que no lo han hecho recientemente; los diseñadores web suelen trabajar en muchos sitios, y es difícil recordar las estrategias de diseño de uno a otro.
Para profesionales y amp; apos; Solo ojos
Los comentarios de CSS no se muestran cuando la página se renderiza en los navegadores web. Esos comentarios son solo informativos, al igual que los comentarios HTML (aunque la sintaxis es diferente). Estos comentarios de CSS no afectan la visualización visual de un sitio de ninguna manera.
Agregar comentarios CSS
Agregar un comentario CSS es bastante fácil. Envíe su comentario con las etiquetas de comentarios de apertura y cierre correctas:
Comience su comentario agregando & amp; amp; nbsp; / * y ciérrelo con * / .
Todo lo que aparece entre estas dos etiquetas es el contenido del comentario, visible solo en el código y no representado por el navegador.& amp; amp; nbsp;
Un comentario de CSS puede ocupar cualquier cantidad de líneas.& amp; amp; nbsp; Aquí hay dos ejemplos:
& lt; pre & gt; / * ejemplo de borde rojo * / & lt; br & gt ;
div # border_red {& lt; br & gt ;
borde: rojo sólido delgado; & lt; br & gt ;
} & lt; br & gt ;
& lt; br & gt ;
/ *************************** & lt; br & gt ;
***************************** & lt; br & gt ;
Estilo para texto de código & lt; br & gt ;
***************************** & lt; br & gt ;
*************************** & lt; / br & gt; & lt; / br & gt; & lt; / br & gt; & lt; / br & gt; & lt; / br & gt; & gt; & lt; / br & gt; & gt; & gt; & gt; & gt; & gt; & gt;
Romper secciones
Muchos diseñadores organizan hojas de estilo en trozos pequeños y fácilmente digeribles que son fáciles de escanear al leer. Por lo general, usted y amp; apos; verán comentarios precedidos y seguidos de series de guiones que crean interrupciones grandes y obvias en la página que son fáciles de ver. Aquí hay un ejemplo:
& lt; pre & gt; / * ——– Estilos de encabezado ————————– * / & lt; / pre & gt ;
Estos comentarios indican el inicio de una nueva sección de codificación.
Código de comentarios
Debido a que las etiquetas de comentarios le dicen al navegador que ignore todo entre ellas, puede usarlas para deshabilitar temporalmente ciertas partes del código CSS. Este truco puede ser útil cuando usted y amp; apos; re depuración o al ajustar el formato de la página web. De hecho, los diseñadores a menudo los usan para & amp; quot; comment out & amp; quot; o & amp; quot; quot; quot & amp; quot; áreas de código para ver qué sucede si esa sección no es parte de la página.
Agregue la etiqueta de comentario de apertura antes del código you & amp; apos; d desea comentar (deshabilitar); coloque la etiqueta de cierre donde desea que termine la porción deshabilitada. Nada entre esas etiquetas afectará la visualización visual de un sitio, lo que le ayudará a depurar el CSS para ver dónde está ocurriendo un problema.& amp; amp; nbsp; luego puede entrar y arreglar solo ese problema técnico y luego eliminar los comentarios del código.
Consejos de comentarios de CSS
Muchos codificadores incluyen bloques de comentarios en la parte superior de cualquier archivo nuevo con código. Mimice esa estrategia incluyendo un bloque de comentarios con su nombre, fechas relevantes e información relacionada para ayudar a las personas a comprender el contexto de un proyecto y no solo las decisiones sobre lo que ocurre en relación con un bloque de código específico.
& amp; # x203A; Informática
