En pocas palabras : estos dos problemas son en realidad el mismo problema, pero he estado buscando en línea durante mucho tiempo, pero no puedo encontrar un método. No puede haber ningún comentario de marcado HTML en los archivos JS y CSS reticulados. Una vez que haya, ¡el navegador se volverá loco! ¡Solo quítalo! ! !
Problema : La razón es que vi un estilo de mesa CSS en línea. Pensé que se veía bastante bien, así que planeaba ponerlo en mi programa ASP.NET. Al principio, lo puse en el archivo ASPX y se mostró normalmente.
Luego planeé poner CSS y JS en un archivo separado. En este momento, el navegador se volvió loco. El efecto de visualización fue completamente diferente del en línea original. Era como si no viera mi hoja de estilo CSS en absoluto, pero algunos estilos fueron ejecutados nuevamente, y algunos estilos fueron ignorados nuevamente. Por ejemplo, la cabeza de la mesa se ejecutó bien, pero el borde de la mesa se vio obligado a ser 2px; ¡Fue realmente desagradable preocuparse por un pequeño problema!
Solución : La solución es realmente muy simple. Elimine todas las etiquetas HTML <> y los comentarios <!--> en los archivos JS y CSS, ¡y luego está bien!
Análisis : revisé la información relevante anoche y mencioné que "cuando el navegador no encuentra la hoja de estilo relevante, usará los parámetros de representación CSS dentro de él para funcionar".
La imagen de arriba se extrae del libro de Damo: "CSS3 ilustrado: tecnología central y batalla práctica de casos". Este libro es uno de los pocos libros CSS3 en la actualidad. Aunque leí la versión electrónica, ¡consideraría comprar una!
Vi que usando las herramientas de desarrollador que vienen con el navegador, era cierto. Cuando no pudo explicarse, llamé en privado los parámetros de representación que vienen con el navegador. Los dos párrafos al comienzo de -webkit- en la figura a continuación establecen el borde de la tabla en 2px;
Miré mi archivo JS y eliminé este par de etiquetas HTML. Estaría bien. Las etiquetas de comentarios en el interior pueden ser retenidas;
Miré nuevamente mi archivo CSS, que contenía <!-CSS va en el cabezal del documento o agregado a su hoja de estilo externa->. Ni siquiera puedo tener comentarios HTML en el archivo de estilo CSS, de lo contrario, habrá un fenómeno extraño que CSS se explique parcialmente, y estará bien una vez que se elimine. Es tan frustrante. Resulta que mi error es causado por este pequeño comentario.
Entonces, ¿cómo se escribe comentarios en el archivo CSS? Simplemente use el método de anotación C /* comentario* /
El artículo anterior discute brevemente las precauciones para la conexión en línea y externa de JS y CSS es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.