スタイルシートって何? | 397時間動画パソコン教室の実践

397時間動画パソコン教室の実践

田中洋平さんの「397時間動画パソコン教室」に興味を持ち、DVDを実際に購入して勉強に励んでいます。スキルアップをはかりながら、実践記録を投稿していきます。

ご訪問ありがとうございます。
ブログランキングの応援
をして頂けると励みになります。

ここをクリックしてくださいね。
      ダウン
宝石赤人気ブログランキング



ホームページを作成するためには、
スタイルシートを理解する必要があります。



スタイルシートって何だと思いますか?
直訳すると、サイトをスタイルするための紙? これだとよくわかりませんよね。



「スタイルシート」とは、
サイトの表示やレイアウト、デザインなどを定義するための概念をいいます。

具体的には、CSS、XSL、DSSSLなどがありますが、
一般的には、CSSがよく知られています。



ということで、今回は、「CSS」を使ってブラウザ上で
次のように表示してみましょう。

ブラウザ上での表示



「CSS」の使用方法には以下の通り3つの方法があります。



1 <body>タグ内部に書く場合

ホームページ上、次のように入力します。
<p style="color: red">これは赤い文字の段落です。</p>



2 <head>タグ内部に書く場合

ホームページ上、次のように入力します。
<head>
<style type=text/css>
p {color:red;}
</style>
</head>
<body>
<p>これは赤い文字の段落です。</p>



3 外部スタイルシートに書く場合

・ホームページ上、次のように入力します。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<p>これは赤い文字の段落です。</p>
</body>

・mystyle.css上、次のように入力します。
p {color:red;
}



上記の3つのうち、SEO上からも、
CSSを外部スタイルシートに書く方法が一番よいといわれています。