Der Grund, warum CSS im Kopf platziert wird: Dadurch wird zuerst der CSS-Stil geladen. Beim Rendern des Doms kennen Sie bereits Ihren eigenen Stil, sodass das Rendern einmal erfolgreich sein kann. Diese Methode kann Flackern, weiße Bildschirme oder ein verwirrendes Layout verhindern.
Analyse:
Dadurch wird zuerst der CSS-Stil geladen. Beim Rendern kennt der Dom bereits seinen eigenen Stil, sodass das Rendern auf einmal erfolgreich sein kann. Dies kann Flimmern, weiße Bildschirme oder verwirrende Layouts verhindern . Phänomen tritt auf.
(Teilen von Lernvideos: CSS-Video-Tutorial)
Wenn das CSS unten platziert ist, muss zuerst der Dom gerendert werden, und dann wird der vorherige Dom nach dem Laden des CSS erneut gerendert, was erforderlich ist zwei Renderings und eine schlechte Benutzererfahrung.
Für ein besseres Benutzererlebnis versucht die Rendering-Engine des Browsers nun, Inhalte so schnell wie möglich auf dem Bildschirm anzuzeigen. Sie wartet nicht, bis alle HTML-Elemente analysiert sind, bevor sie den Dom-Baum, also einen Teil des Inhalts, erstellt und anordnet wird analysiert und angezeigt. Mit anderen Worten: Der Browser kann unvollständige DOM-Bäume und CSSOM rendern und so die Zeit des weißen Bildschirms so schnell wie möglich reduzieren.
Verwandte Empfehlungen: CSS-Tutorial
Das obige ist der detaillierte Inhalt vonWarum sollte CSS im Kopf platziert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
