目次
- ホームページ作成はじめの一歩
- HTMLの基礎
- 基礎的なタグをマスターしよう
- HTML 文書を検証してみよう
-
スタイルシート
- CSS ファイルを準備する
- CSS ファイルを読み込む
- 表示を確認しておこう
- CSS にデザインを記述する
- 複数のセレクタに適用する
- classを使う
- 表のデザイン
- 図のデザイン
- HTML内にスタイルを記述する
- フォームを使ってみよう
- 参考サイト
スタイルシート
HTML 文書のデザインを変更したいとき，ここで説明したような方法が利用できました．例えば，見出しのデザインを同じような方法で変更することができます．しかしながら，HTML 文書（あるいは大きな Web サイト全体）の至る所にある見出しのデザインを一つひとつ変更することは大変な作業であるし，変更し忘れたり，異なった設定を行った箇所があると，デザインの統一感が失われてしまうことになります．このようなことから現在は HTML 文書にはコンテンツ（内容）のみを記述し，デザインはスタイルシート（カスケーディング・スタイル・シート： Cascading Style Sheets, CSS） にまとめることが主流になっています．
CSS ファイルを準備する
まず，CSS ファイルを準備します．このため拡張子に .css を付けたファイルを index.html と同じフォルダに設置します．なお，Visual Stuido Code を利用している場合は，次のページの手順で簡単に .css ファイルを設置することができます．
