Einfach ausgedrückt : Diese beiden Probleme sind eigentlich das gleiche Problem, aber ich habe schon lange online gesucht, aber ich kann keine Methode finden. In den überarbeiteten JS- und CSS -Dateien können keine HTML -Markup -Kommentare vorhanden sein. Sobald es gibt, wird der Browser verrückt! Entfernen Sie es einfach! ! !
Problem : Der Grund dafür ist, dass ich online einen CSS -Tischstil gesehen habe. Ich dachte, es sah ziemlich gut aus, also wollte ich es in mein ASP.NET -Programm einfügen. Am Anfang habe ich es in die ASPX -Datei gesteckt und es wurde normal angezeigt.
Dann plante ich, CSS und JS in eine separate Datei zu stecken. Zu dieser Zeit wurde der Browser verrückt. Der Display -Effekt war völlig anders als die ursprüngliche Inline. Es war, als hätte ich mein CSS -Stilblatt überhaupt nicht gesehen, aber einige Stile wurden wieder ausgeführt, und einige Stile wurden wieder ignoriert. Zum Beispiel wurde der Tischkopf gut ausgeführt, aber der Grenze des Tisches musste 2px sein; Es war wirklich unangenehm, von einem kleinen Problem beunruhigt zu werden!
Lösung : Die Lösung ist eigentlich sehr einfach. Entfernen Sie alle HTML-Tags <> und Kommentare <!--> In den JS- und CSS-Dateien, und dann ist es in Ordnung!
Analyse : Ich habe letzte Nacht die relevanten Informationen überprüft und erwähnt, dass "der Browser das relevante Stilblatt nicht findet, die CSS -Rendering -Parameter darin verwendet werden."
Das obige Bild wird aus Damos Buch ausgehalten: "Illustriertes CSS3: Kerntechnologie und Fallpraktikum". Dieses Buch ist eines der wenigen CSS3 -Bücher derzeit. Obwohl ich die elektronische Version gelesen habe, würde ich in Betracht ziehen, eine zu kaufen!
Ich habe gesehen, dass es wahr war, die Entwicklerwerkzeuge zu verwenden, die mit dem Browser geliefert wurden, war wahr. Wenn es nicht erklärt werden konnte, nannte ich privat die Rendering -Parameter, die mit dem Browser geliefert werden. Die beiden Absätze zu Beginn von -Webkit- in der folgenden Abbildung setzen den Rand der Tabelle auf 2px;
Ich schaute mir meine JS -Datei an und entfernte dieses Paar HTML -Tags. Es wäre in Ordnung. Die Kommentar -Tags im Inneren können beibehalten werden.
Ich habe mir meine CSS-Datei erneut angesehen, die <!-CSS in den Dokumentenkopf enthält oder zu Ihrem externen Stylesheet hinzugefügt wurde->. Ich kann nicht einmal HTML -Kommentare in der CSS -Style -Datei haben. Andernfalls wird ein seltsames Phänomen sein, dass CSS teilweise erklärt wird, und es wird in Ordnung sein, sobald es entfernt wird. Es ist so frustrierend. Es stellt sich heraus, dass mein Fehler durch diesen kleinen Kommentar verursacht wird.
Wie schreiben Sie Kommentare in die CSS -Datei? Verwenden Sie einfach die C -Annotationsmethode /* Kommentar* /
In dem obigen Artikel wird kurz die Vorsichtsmaßnahmen für Inline- und externe Verbindung von JS und CSS erörtert, was ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.