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
タグの