スタイルシート 見出しを区別させたい

質問

何故HTMLがプログラミングカテゴリーなのか理解に苦しみつつ質問します。

ただ今スタイルシートなるものを勉強中？で、

現在
p { padding: 0em 1em 0em 1em;
　　line-height: 1.2em; }
としました。
余白と、行間をとっています。

そして、本文を
<p>こんにちは。</p>
などと書いているわけですが、

その本文中に下線などの見出しタイトルをつけたいと思っています。

いろいろ調べたら、クラスを作って適応させると分かったのですが、

p.title { うんたらかんたら }

<p class="title">タイトル</p>

とすると、何も変わりませんでした。
最初に指定している行間と余白も適応されていません。

どこが間違っているのか教えて下さい。

回答No.3

goldfox

間違っている可能性の高い箇所、
肝心の「うんたらかんたら」の部分もちゃんと書きましょう。

ところで、それが「見出し」であるなら、p要素（段落）ではなくh要素（見出し）を使うべきかと思います。

参考URL：

http://www.tagindex.com/html_tag/text_font/h.html

お礼

肝心の場所は、
大手のテンプレートサイトの飾り枠の部分をコピーしてます。
（コピーっていうか参考ですね）

それを色とかpaddingとかmarginとかを変えて、
自分の思うように変えてるだけなので
基本間違っていないと思います。

.title{うんたらかんたら}
<div class="title"></div>としたら反映されました。

何故ｐで反映されないのかがまだ分かりませんが…

>p要素（段落）ではなくh要素（見出し）を使うべき
確かにその通りです。
h2の中の小見出しという位置なのでh3ぐらいにしたいです

補足

結局

h3 {うんたらかんたら}

<h3></h3>

にしました。

回答No.2

an-gooo

.p title{うんたらかんたら}　　では・・・？

お礼

そうすると、
pで指定した設定だけが適応されて

.p titleで指定した設定が反映されないんです

.titleにして
<div class="title">で囲ったら、出来ました。。

回答No.1

kanokonoko

実際のソースを見ないことには何ともいえませんが、
一つの可能性として、「うんたらかんたら」と省略された部分のCSSの記述に
間違いがあるのではないでしょうか？（:や;の抜けなどの記述ミス）

基本的には間違えていないと思いますので……
見当違いの回答でしたら、申し訳ありません；

お礼

ありがとうございます。

省略したところは、
大手のテンプレートサイトから、
飾り枠をコピーしたもので、
ここが間違っていることはないだろうと思いまして

まさかそこが間違っているとは・・（笑