![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
CSSを勉強しているのですが、任意の範囲にスタイルを設定したいと思い、MMMMMMの部分をfontの色をつけて、Times New Romanにしたいと思っています。そういう場合はどのようにしたらいいのでしょうか?
<!--
.iro{color:#99ffcc;
font-family:"Times New Roman",serif
}
-->
</style>
</head>
<body>
<???? class="iro">MMMMMMMM</????>
</body>
私は.iroの部分はiroではなくてもなんでもいいのだと教科書を読んで受け取ったのですが、はっきり言ってよくわかりません。あと、????部分は要素名が入ると書いてあったのですが、要素名というのはcolorとかの事なのでしょうか?教えてください。
No.3ベストアンサー
- 回答日時:
<!--
こんにちは。
一番上に<style type="text/css">ってつけてますか?
そのあとに
<!--
.iro{color:#99ffcc;
font-family:"Times New Roman",serif
}
-->
</style>
</head>
<body>
<???? class="iro">MMMMMMMM</????>
</body>
です。
それと????の部分にはたとえばDIVやTABLE、TDなどのタグといわれるものが入ります。それが要素のことです。
お返事有難うございます。
わかりました!<style type="text/css">が抜けていたせいでした。
どうもありがとうございました。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_02.png?e8efa67)
No.4
- 回答日時:
もし現状が質問文にあるソースで表示させようとして、それで反映されていないのであれば、それは任意の要素名を入れるところを<???? class="iro"></????>としているためだと思われます。
????という要素はHTMLにはありませんので、これがHTMLのタグとして認識されず、スタイルシートも無視されているのではないかと。????のところをきちんとHTMLに定義されている要素の名前に置き換えれば、正常に反映されると思います。 p要素、div要素、span要素などにしてみれば、スタイルシートも反映されるでしょう。
要素というのは、HTMLの要素(element)のことです。 こちらはHTMLの領域の話ですので、スタイルシートと混同しないようにするのが良いでしょう。 本文であることを定義づけられた「p要素」(<p></p>で囲まれる部分)であれば、要素名は「p」になります。 詳しいことは、HTMLの関連書籍や解説サイトなどを参照するのが良いでしょう。
スタイルシートの「iro」の部分はクラス名といいます。 こちらは、任意の名前をつけることができますので、管理しやすい名前を付けておくと良いでしょう。 クラス名をセレクタとしてスタイルシートを定義しておくと、その定義されているクラス名を持っている要素(class="クラス名"という属性を持つ要素)に対してそのスタイルシートが適用されます。 上の例では、style要素内で「.iro{~~}」という形でスタイルを定義しているので、そのスタイルがclass="iro"という属性を持つ要素(例:<p class="iro"></p>など)に対して適用されます。
参考URLに「とほほのWWW入門」というサイトのCSSに関する解説のページを紹介しておきます。 こちらのページなどは判りやすいと思いますよ。
参考になれば。
参考URL:http://tohoho.wakusei.ne.jp/css/basic.htm
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_07.png?e8efa67)
No.2
- 回答日時:
「;」抜け
>要素名というのはcolorとかの事なのでしょうか?
aとかp
<!--
.iro{color:#99ffcc;
font-family:"Times New Roman";,serif
}
-->
</style>
</head>
<body>
<a class="iro">MMMMMMMM</a>
</body>
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_10.png?e8efa67)
No.1
- 回答日時:
CSSの部分が
font.iro{color:#99ffcc;
font-family:"Times New Roman",serif
}
で、BODYの中のが
<font class="iro">MMMMMMMM</font>
でいけると思いまス。
fontでなくてもDIVなんかでもできるハズ。
たぶん。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
input type="hidden"で取得した...
-
「シンプルイズベスト」と言い...
-
含む含まないという概念自体の...
-
smallにtext-allignが効かない
-
CSS:overflow要素の印刷について
-
<H>タグの見出しと<P>タグの本...
-
角丸画像の背景色を透明にした...
-
H1タグを画像にしたい
-
C言語線形リストの問題です
-
figcaption要素の中にul要素
-
textareaの幅を画面と合わせたい
-
cssのdisplay:block
-
ある要素の中身を全部グレーア...
-
FireFoxでリンクをクリックして...
-
テキストボックスの中にリンク...
-
親要素・子要素
-
質問1.
-
innerHTMLはcssの要素も抜き出...
-
tdに対してmin-heightの定義、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
質問1.
-
2個のFormを横並びにしたい
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
NからZへの全単射を具体的に構...
-
角丸画像の背景色を透明にした...
-
改行ほどは行かないけど、若干...
-
マージソートの計算量について-...
-
親要素・子要素
-
border: noneでボタンの境界線...
-
C言語 並び替え(配列)について
-
tdに対してmin-heightの定義、...
-
HTMLでTextareaを横に2つ並べ...
-
テキストボックスの中にリンク...
-
CSSで改行後の行間調整
-
H1タグを画像にしたい
-
ある要素の中身を全部グレーア...
おすすめ情報