[解決済み] cssファイルを<head>と<body>のどちらに記述したらよいのでしょうか？
2022-04-25 17:01:38
質問
通常、CSS ファイルは
<head></head>
の中に入れたらどうでしょうか？
<body></body>
どのような違いがあるのでしょうか？
どのように解決するのですか？
jdelStrotherがw3 specsについて、ARTstudioがブラウザのレンダリングについて述べたことを補足しておきます。
の前にCSSが宣言されている場合、そのCSSが使用されるため、推奨されています。
<body>
が開始されると、スタイルが実際にすでに読み込まれていることになります。そのため、ユーザーはすぐに画面に何かが表示されるのを見ることができます（例：背景色）。そうでない場合、CSSがユーザーに届くまで、ユーザーはしばらく空白の画面を見ることになります。
また、スタイルを
<body>
が宣言されると、ブラウザはページを再レンダリングしなければなりません（ロード時に新しいものと古いもの）。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] CSSでテキストや画像の背景を透明にするには？
-
[解決済み] SCSSとSassの違いは何ですか？
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] input type="date "のフォーマットを変更する方法はありますか？
-
[解決済み] CSS 背景の不透明度 [重複]について
-
[解決済み] Bootstrap 3 の sr-only とは何ですか？
-
[解決済み] Normalize.cssとReset CSSの違いは何ですか？
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: document.getElementsById は関数ではありません。
-
[解決済み] スタイルが決まらないコンテンツのフラッシュを排除
-
[解決済み] HTMLにおける'"'エンティティの使用法
-
[解決済み] CSSでcellpaddingとcellspacingを設定する？
-
[解決済み] 画像の横のテキストを縦に揃える？
-
[解決済み] インラインCSSでa:hoverを記述するには？
-
[解決済み] divブロック内のテキストを（水平方向と垂直方向に）センタリングするにはどうすればよいですか？
-
[解決済み] 複数のノンブレイキングスペース（"nbsp"）ではなく、タブスペースを使用しますか？
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] 静的な HTML ページにファビコンを追加する