ページTOPへ

スタイルシート(CSS)とは| SIRIUSホームページ初心者入門

スタイルシート(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ホームページ初心者入門
絶対パスと相対パスについて説明します。


トップページ SIRIUS機能解説 SIRIUSのカスタマイズ お勧めレンタルサーバー ご購入特典案内