CSS 外部リンクには 2 つの形式があります: 1. リンク タグを使用して CSS 外部スタイルを HTML ページにリンクします。リンク タグは head タグ領域に配置する必要があり、構文は "< ;link type="text/css" rel="styleSheet" href="CSS ファイル パス" />"; 2. 構文「@import url(」を使用して、style タグの「@import」ルールを介してリンクします。 css ファイルのパス");"。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
CSS スタイルが Web ページ ドキュメントの外部のファイルに配置されている場合、それは外部スタイル シートと呼ばれます。CSS スタイル シート ドキュメントは外部スタイル シートを表します。
実際、外部スタイル シートは拡張子 .css を持つテキスト ファイルです。 CSS スタイル コードをテキスト ファイルにコピーし、.css ファイルとして保存すると、それは外部スタイル シートになります。
以下に示すように、これは外部スタイル シートです:
それでは、CSS 外部スタイル シートを HTML ドキュメントにリンクするにはどうすればよいでしょうか? 外部スタイル シートを使用するには 2 つの方法があります:
1)、リンクを使用する
リンク スタイルは、CSS スタイル シートを外部で定義し、それを形成することを指します。 .CSS ファイル拡張子として、ページ内の <link> リンク タグを介してページにリンクし、リンク ステートメントはページの
構文:
<link type="text/css" rel="styleSheet" href="CSS文件路径" />
2)、@importを使用します
インポートは、
