まず、HTML ドキュメントを CSS に関連付ける 4 つの一般的な方法を紹介します。
1. リンクタグを使用する
| ＜link rel="stylesheet" type="text/css" href="sheet.css" /> |
2. スタイル要素を使用する
＜style type="text/css"> ボディ{背景:#fff;} h1{font-size:2em;} ＜/スタイル＞ |
3. @import ディレクティブを使用する
＜style type="text/css"> @インポートURL(sheet1.css); @import "sheet2.css"; ＜/スタイル＞ |
| ＜p style="color:#f00;">赤文字です＜/p＞ |
実際のアプリケーションでは、style 属性を使用したインライン スタイルの使用は推奨されません。その理由は簡単で、この方法は font タグよりも優れたものではなく、集中管理が弱くなるからです。 CSS による文書全体の外観。
最初の 3 つの方法はリンク タグとスタイル タグを使用し、IE (IE6、IE7、IE8 beta1 を含む) では次の制限があります。
◆ ドキュメント内の最初の 31 個のリンクまたはスタイル タグに関連付けられた CSS のみを適用できます。
32 番目以降、そのタグに関連付けられた CSS は無効になります。 IE の公式ドキュメント「HTML ページの最初の 30 個のスタイル タグ以降のすべてのスタイル タグは Internet Explorer では適用されない」にも、.xsl を使用する .xml ファイルでのこの制限を含め、この制限についても言及されています。しかし、数量を間違えて書いてしまったようです。 IEでご覧ください:
◆ style タグは、最初の 31 個の @import 命令に対してのみ有効です。
32 番目の @import ディレクティブ以降は無視されます。
◆ CSS ファイルの最初の 31 個の @import 命令のみが効果的に適用されます。
31 番目の @import ディレクティブ以降は無視されます。
◆ CSS ファイルは 288kb を超えることはできませんか?
このニュースは、Internet Explorer の CSS ファイル サイズ制限に関するものです。
CSS に関する IE の制限は、ほとんどの場合は発生しません。たとえ最適な解決策が見つかったとしても、CSS ファイルと応答タグを手動で結合するか、バックエンド プログラムを使用して http リクエストを最小限に抑える必要があります。ページのレンダリングを最適化します。