CSSファイルを作る

1. テキストエディターを起動

まずはテキストエディターを起動する。

2.CSSコードを書く

次にCSSコードを書く。CSSファイルの一行目には「@charset"UTF-８";」を書く。これはコードの文字化けを防ぐためのもので、これより先にCSSのコードを書いてしまうとエラーになってしまうので、必ず先頭に入力する。

3.HTMLファイルの＜head＞内からCSSファイルを読み込ませる

あらかじめ作成したindex.htmlの＜head＞内に＜link rel="stylesheet" href="style.css"＞と追加してCSSファイルを読み込ませる。

4. Webブラウザーで開く

index.htmlを開くとWebサイト上にはこのように表示される。