スタイルシート(CSS)とは?
「HTML」ってわかりましたが、しかしHTMLだけでは、ホームページのデザインを細かく指定することができません。
「HTML」ではWEBページの「構造」を、「CSS」ではWEBページの「デザイン」を指定しています。
例えば、フォントの種類や文字の大きさ、色、行間の幅といった文書の装飾やレイアウトなどの情報全般を指定することができます。
CSSを使用すると↓ ↓ ↓のようなことができます。
文字に色を付ける
文字に背景色を付けています
文字に枠を付けています
他にはまたたくさんあります、このようなスタイル指示を、ひとまとめにしたファイルを作ってスタイルシート(CSS)になります。
そして、HTMLページを表示させる際にスタイルシートで指示を読んでからウェブページとして表示させます。
CSSの書式
セレクタ { 属性 : 値 ; }
セレクタ | 対象となるもの(変えたい部分を指定した名前) |
属性 | セレクタに対して、具体的な設定内容 |
値 | 具体的な値 |
: | 属性と値を区切る |
; | 値の終わり |
たとえば:
p {
font-size : 12pt;
color : red
}
CSSの保存形式
上の例のように記述したら、CSSファイルとして保存したい場合、ファイル拡張子には 「.css」 を付けます。例:『font_styles.css』
HTMLだけでは、WEBページのデザインを細かく指定することができない為、CSS(スタイルシート)を使ってWEBページのデザイン(見栄え)を作ることをオススメします。
ホームページ作成ソフトを使っていれば、スタイルシートを覚える必要は特にないです。
もし細かいデザインを自分好みに修正したい場合は、スタイルシートの知識が必要になります。
ほとんどのソフトではスタイルシートやHTMLを自分好みにカスタマイズすることが可能になっています。
関連ページ
- FTPとは| SIRIUSホームページ初心者入門
- FTPの知識について解説します。
- サーバーとは一体何でしょう|SIRIUSホームページ初心者入門
- サーバーについての知識を説明します。
- HTMLとは?| SIRIUSホームページ初心者入門
- HTMLについて、初心者向け解説します。
- HTMLのタグとは?| SIRIUSホームページ初心者入門
- HTMLのタグについて説明します。
- ドメインとは| SIRIUSホームページ初心者入門
- ドメインについて説明します。
- ホームページテンプレートとは?| SIRIUSホームページ初心者入門
- ホームページテンプレートについて説明します。
- ウィルス対策ソフトとは| SIRIUSホームページ初心者入門
- ウィルス対策ソフトについて説明します。
- 絶対パスと相対パス | SIRIUSホームページ初心者入門
- 絶対パスと相対パスについて説明します。