Grund:
Die CSS-Datei wird oben platziert. Einerseits bestimmt die Platzierungsreihenfolge die Priorität des Downloads und Noch wichtiger ist der Browser-Rendering-Mechanismus.
Im Idealfall hoffen wir, dass der Browser das heruntergeladene CSS nach und nach rendert und dem Benutzer die Seite nach und nach anzeigt. Um jedoch ein erneutes Rendern von Seitenelementen zu vermeiden, wenn sich Stile ändern, blockiert der Browser das schrittweise Rendern von Inhalten. Der Browser wartet, bis alle Stile geladen sind, bevor er die Seite auf einmal rendert.
Wenn die CSS-Datei unten platziert wird, verhindert der Browser, dass der Inhalt nach und nach gerendert wird. Während der Browser auf den Download der letzten CSS-Datei wartet, erscheint ein „weißer Bildschirm“. (weißer Bildschirm, wenn eine neue Verbindung geöffnet wird, dann erscheinen Text, Bilder und Stile). Dies ist sehr ernst, denn wenn die Netzwerkgeschwindigkeit sehr langsam ist, ist die CSS-Downloadzeit relativ lang, was dem Benutzer natürlich lange Zeit einen „weißen Bildschirm“ beschert und die Benutzererfahrung sehr schlecht ist.
Empfohlenes Tutorial: CSS-Tutorial
Das obige ist der detaillierte Inhalt vonWarum CSS an die Spitze setzen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
