CSS外部リンクの基本的な書き方は何ですか?

記述方法： 1. ""; 2. ""。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

外部スタイル シート (外部リンク タイプ) は、ブラウザーで認識および解析できるようにする前に、Web ドキュメントにインポートする必要があります。外部スタイル シート ファイルは、2 つの方法で HTML ドキュメントにインポートできます。

1. タグを使用してインポートします。

タグを使用して、外部スタイル シート ファイルをインポートします:

<link type="text/css" rel="stylesheet" href="css文件地址"/>

各属性について 説明:

• href 属性は、外部スタイル シート ファイルのアドレスを設定します。これは、相対アドレスまたは絶対アドレスにすることができます。

• rel 属性は、関連するドキュメントを定義します。ここでは、関連するドキュメントがスタイル シートであることを示します。

• type 属性はインポートされるファイルのタイプを定義します。style 要素と同様に、text/css は CSS テキスト ファイルを示します。

通常、 タグを定義する場合、3 つの基本属性を定義する必要があり、そのうちの href は必ず設定する属性です。

リンク要素に title 属性を追加して、オプションのスタイル シートのタイトルを設定することもできます。つまり、Web ドキュメントが複数のスタイル シートをインポートするときに、適用するスタイル シート ファイルを選択できます。タイトル属性値。

ヒント: Firefox ブラウザでは、メニューで [表示 --> ページ スタイル] オプションを選択すると、サブメニューにタイトル属性値が表示されます。別のタイトル属性を選択するだけです。必要なスタイル シート ファイルを選択して適用します。 IE ブラウザはこの機能をサポートしていません。

さらに、title 属性は rel 属性に関連しています。W3C 組織の計画によると、将来の Web ドキュメントでは、スタイル シート ファイル、スクリプトなどのさまざまな外部ファイルをインポートするために複数の 要素が使用される予定です。ファイル、テーマ ファイル、さらにその他のカスタマイズされた補足ファイルを含めることもできます。さまざまな種類と名前の非常に多くのファイルをインポートした後、title 属性を使用して選択できます。このとき、rel 属性の役割が明らかになります。Web ページ ファイルが最初にインポートされるときに適用されるインポートされたファイルの種類を指定できます。表示されます。現在、CSS とのみ関連付けることができます。スタイル シート タイプ。

外部スタイルは、CSS アプリケーションに最適なソリューションです。スタイル シート ファイルは、複数の Web ページから参照できます。同時に、インポートするリンク要素を繰り返し使用することで、Web ページ ファイルに複数のスタイル シートをインポートできます。さまざまなスタイルシート、ドキュメント。

2. @import キーワードを使用してインポートします

<style type="text/css">
@import url("css文件地址");
</style>

@import キーワードの後に​​、url() 関数を使用して、特定の外部スタイル シート ファイルのアドレスを含めます。

##比較#スタイル シートをインポートする 2 つの方法の比較:

link は HTML タグ、@import は CSS提供したもの。

• ページが読み込まれると、リンクも同時に読み込まれ、@import によって参照される CSS はページが読み込まれるまで待機してから読み込みます。

• @import は IE 5 以降でのみ認識でき、リンクは HTML タグであるため、互換性の問題はありません。

• #リンク スタイル スタイルの重みは、@import の重みよりも高くなります。

• スタイル シートをインポートするには、通常、リンクを使用することをお勧めします。@import は補助的な方法として使用できます。

(学習ビデオ共有:

css ビデオ チュートリアル

)

以上がCSS外部リンクの基本的な書き方は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。