ホームページ作成・HTML・アクセスアップ・スタイルシート・SEO・無料
ホームページ作成講座では、これからホームページを作成しようとしている人に、ホームページの作成方法を基本から、 HTML、スタイルシート、
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。

スタイルシートの基本的な書き方


セレクタ { プロパティ:値; }

まずセレクタですが、スタイルシートを適用したい場所を指定します。

タグ名で指定したり、classid(後で解説)で指定します。

次にプロパティ何をするのかを指定します。

文字の大きさを変えるのか?、色を変えるのか?、背景色を変えるのか?などを指定します。

そして変える内容の具体的な効果を指定します。

言葉で言ってもあまり分からないと思うので例を見てください。

表示例

h4の見出しです


ソース
<html>
<head>
<title>スタイルシート</title>
<style type="text/css">
h4 { color:red; }
</style>

</head>
<body>
<h4>h4の見出しです</h4>
</body>
</html>


太字の場所がスタイルシートを使っている場所です。

上の例ではセレクタh4です。そしてプロパティcolorredです。

つまりh4のcolorをredにせよという指定です。

他にも現時点では見たことのないタグがありますが、今から順に解説していきます。

<< 「スタイルシートとは?」へ     「セレクタの指定の仕方」へ >>



ホームページ作成とHTML>>スタイルシートの書き方講座>>スタイルシートの基本的な書き方

©Copyright Hiroto.A ホームページ作成とHTML初心者 All Rights Reserved