WebページにCSSをリンクする方法

WebデザインにおいてCSS(スタイルシート)は習得しなければならないスキルの一つです。 CSS ファイルをリンクすることは Web デザインでは一般的な操作です。CSS をリンクする方法を学びましょう。

まず、CSS ファイルを準備する必要があります。 CSS ファイルには通常、.css 接尾辞が付いており、CSS スタイル ルールが含まれています。テキスト エディターまたは CSS エディターを使用して CSS ファイルを作成できます。簡単な CSS ファイルの例を次に示します。

body {
    background-color: lightblue;
}

h1 {
    color: navy;
    margin-left: 20px;
}

上記の CSS スタイル ルールは、Web ページの背景色とタイトルの色を設定します。次に、スタイルを Web コンテンツに適用できるように、この CSS ファイルを HTML ドキュメントにリンクする必要があります。

CSS ファイルをリンクするには、内部スタイルと外部スタイルの 2 つの方法があります。

内部スタイル

内部スタイルとは、HTML タグの