css ファイルは一般に CSS 外部スタイル シートと呼ばれ、拡張子は「.css」です。 CSS スタイル コードをテキスト ファイルにコピーし、「.css」ファイルとして保存すると、それは外部スタイル シートになります。 CSS ファイルは、「@import」キーワードまたは「」タグを使用して HTML 内で参照できます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
css ファイルは、一般に CSS 外部スタイル シートと呼ばれ、拡張子は「.css」です。
CSS 外部スタイル シート
CSS スタイルが Web ドキュメントの外部のファイルに配置されている場合、それは外部スタイル シートと呼ばれます。スタイル シート 、CSS スタイル シート ドキュメントは外部スタイル シートを表します。
実際、外部スタイル シートは拡張子 .css を持つテキスト ファイルです。 CSS スタイル コードをテキスト ファイルにコピーし、.css ファイルとして保存すると、それは外部スタイル シートになります。
外部スタイル シートは、ブラウザーで認識および解析できるようにする前に、Web ドキュメントにインポートする必要があります。外部スタイル シート ファイルは、2 つの方法で HTML ドキュメントにインポートできます。
1. タグを使用してインポートします。
タグを使用して、外部スタイル シート ファイルをインポートします:
<link href="001.css" rel="stylesheet" type="text/css" />
各属性について 説明:
href 属性は、外部スタイル シート ファイルのアドレスを設定します。これは、相対アドレスまたは絶対アドレスにすることができます。
rel 属性は、関連するドキュメントを定義します。ここでは、関連するドキュメントがスタイル シートであることを示します。
type 属性はインポートされるファイルのタイプを定義します。style 要素と同様に、text/css は CSS テキスト ファイルを示します。
通常、 タグを定義する場合、3 つの基本属性を定義する必要があり、そのうちの href は必ず設定する属性です。
リンク要素に title 属性を追加して、オプションのスタイル シートのタイトルを設定することもできます。つまり、Web ドキュメントが複数のスタイル シートをインポートするときに、適用するスタイル シート ファイルを選択できます。タイトル属性値。 [推奨チュートリアル: CSS ビデオ チュートリアル 、「html ビデオ チュートリアル 」]
ヒント: Firefox ブラウザでは、[表示- ->] を選択できます。 ; ページ スタイル」オプションを選択すると、サブメニューにタイトル属性値が表示されます。別のタイトル属性値を選択するだけで、必要なスタイル シート ファイルを選択的に適用できます。 IE ブラウザはこの機能をサポートしていません。
2. @import キーワードを使用してインポートします
