以下の配置を行います:
<style type="text/css">
...
</style>
案件?ページ div 内に配置するか、ボディ内に配置する場合に違いはありますか? 私は最近、それがjavascriptで重要であることを知りました。CSS (jQuery Mobile) にも問題がありました。それが理由でしょうか?
style 要素は、どこに配置されていてもドキュメント全体に適用する必要がありますが、常に head 要素に配置するのが一般的です。他の場所に置くと、ブラウザの処理が少し不安定になっても驚かないでしょう。
html5 では、style 要素の scoped 属性を指定できることに注意してください。つまり、style 要素の親要素とそのすべての子要素にのみ適用されます。
ところで、通常の方法では、css を別のファイルに置き、<link>
タグを使用して CSS をドキュメントに含めます。このようにして、CSS を複数のページで共有できます。
配置は、スタイル シートの順序に関して重要です。スタイル シート間の競合を解決するとき、最後のステップで、他の条件が等しい場合、最後に来るルールが優先されます。style
したがって、要素が他のスタイル要素およびlink
スタイル シートを参照する要素に対してどのように配置されるかが重要です。(要素の属性に関しては問題ではありませんstyle
。なぜなら、他のものは等しくないからです: 特異性によって、属性が勝ちます。)
検証においても重要です。style
要素は、要素内以外では有効ではありませんhead
。ただし、ブラウザはこれを気にしません。
もちろん、JavaScript コードは、処理する要素の配置に依存する場合があります。それはすべてコード次第です。
理想的にはそうすべきではありませんが、やらないでください。それは悪い習慣であり、コードが乱雑に見えます
質問に直接答えるには、通常、コードをページに直接配置する場合は、ページの に配置し<head>
ます。どこに置いても機能するはずですが、<head>
一般的な方法です。あなたの目標が正確にはわかりませんが、メールの場合、通常、インライン スタイルに分割します (関連するコードを HTML タグ自体に配置します<p style="line-height:1.4em;">
)。
ただし、Web ページで作業している場合は、ページ自体のコードに CSS を埋め込む特別な理由がない限り、ほとんどの場合、<head>
タグ間の外部スタイルシートにリンクすることをお勧めします (ベスト プラクティスと見なされます)。 <head> <link rel="stylesheet" href="[YOUR STYLESHEET]" type="text/css"> </head>
)。HTML をきれいに保ち、マークアップ (HTML)、スタイリング (CSS)、および機能 (JavaScript) を分離するのに役立ちます。
それがあなたの質問にいくらか答えてくれることを願っています、ハハ。