javascript - 本文の後と本文の前に書かれたスタイルタグの違いは何ですか

Question

スタイルタグを本文の後に書くのと本文の前に書くのとの違いは何ですか?

Answer 1

ブラウザによるプログレッシブレンダリングを容易にするために head タグに記述されます (リソースのダウンロード -> CSSOM+DOM -> RenderTree(composite) -> Layout -> ペイント)。具体的な描画処理については
http://blog.csdn.net/wozaixia...
を参照してください。 bodyタグ以降に記述されています。ブラウザはHTML文書を一行ずつ解析するため、 に記述されたスタイルシートを解析します。最後 (外部 (スタイル タグに結合または書き込まれている) を使用すると、ブラウザは前のレンダリングを停止し、スタイル シートの読み込みと解析が完了するまで待ってから再レンダリングします。Windows の IE では FOUC が発生することがあります (つまり、スタイルの失敗によって引き起こされるページのちらつきの問題です)

Answer 2

最後に書かれているのは、最初にボディをロードしてからスタイルをロードすることです。どのような違いがありますか? 。

Answer 3

後ろに書くとFOUCが起こる可能性があるので、前に書いた方が良いです

Answer 4

ロード順序、前部は本体より先にロードされ、最後部は本体がロードされた後にロードされ、その後にロードされます

Answer 5

これはブラウザ クローラーに関連しています。ページの読み込み時にクローラーが HTML モードに入り、ページの表示が開始されていない場合、ページの白い画面効果は表示されません。本文の後に記述されている CSS コードをクロールすると、クローラーが CSS モードに入り、白い画面が表示される場合があります。

Answer 6

通常、スタイルはヘッドの間に配置されます。 スタイルが一番下に配置されている場合。 タグをロードしてスタイルをレンダリングします。 読み込みが遅い場合は、ダンスが表示されます。