外部スタイルシートと埋め込みCSSスタイルシート
外部スタイルシートを埋め込みスタイルシートと異なるものにするいくつかのことがあります。

埋め込みスタイルシート
前のチュートリアルでは、埋め込みCSSスタイルシートの例を見て、埋め込みスタイルシートの基本的なCSSコードはタグで始まり、タグで終わることを学びました。これらのタグの中には、各セレクターとそれぞれのプロパティと値のペアで構成されるCSSコードがあります。最後に、埋め込みスタイルがWebページのheadセクションに配置されます。





外部スタイルシート
外部スタイルシートは、開始タグと終了タグがないため、少し異なります。実際、コメントと@importステートメント以外のHTMLタグは使用できません。基本的には、CSSコードのみを含むテキストファイルです。


body {background-color:#ffffff}

p {font-size:12pt;色:#000000; text-align:center}

外部スタイルシートには任意の名前を付けることができますが、CSSコードの目的を反映した名前をファイルに付けることをお勧めします。たとえば、Webページのメニューリンクのスタイルを制御するCSSコードは、menu.cssと呼ばれる場合があります。オプションですが、外部スタイルシートには.css拡張子を使用する必要があります。

外部スタイルシートを作成したら、headセクションにタグまたは@importステートメントを配置することにより、任意のWebページでそれらを使用できます。





動画の説明: 1-5 外部ファイルによるスタイル適用(はじめてのCSS) (かもしれません 2024).