<Style>~</Style>を使いたいのですが、
使い方として以下の注意書きを見ました。
</head>タグの直前に<Style>キーワード</ Style>
をコピー&ペーストしてください。
CSSは詳細なレイアウトであって文字は入れられるかどうか知りたいのですが。
多分入れられないと思うのですが。
例えば「あけましておめでとう。」の文字を
<head>
<style type="text/css">
<!--
div{color:#f00}
-->あけましておめでとう。
</style>
</head>
とかできるかどうかと思ったので。
上記の意味として
<head>~<Style>単語</ Style></head>で使い方はあっているのでしょうか。
A 回答 (5件)
- 最新から表示
- 回答順に表示
No.5
- 回答日時:
fontタグを使うなら、<font color="red">でいいんですけどね。
もともと、fontなど物理マークアップを使わないためにスタイルシートがあるのですし。
あと、どうでもいいですが、スタイル定義部分では、
/* と */ にはさまれた部分(複数行可)がコメントになるので、
好きな言葉(普通は簡単な説明)を書いても構いません。
No.4
- 回答日時:
#1です。
せっかく補足頂いたのに書き込みが遅くなって申し訳ありません。
>使い方としては、以下なんでしょうか?
はい、その方法で「あけましておめでとう。」の部分が赤い文字で表示されるようになります。
No.3
- 回答日時:
一人目の方の補足に書かれた使い方で
合っていると思います。
この場合フォント(の色)を変えるのが目的なので <font> タグで良いと思いますが、色々な属性を変える場合には <span>または<div> というタグがよく使われます。
No.2
- 回答日時:
no.1さんの回答でほぼお分かりだと思いますが、気になったので補足しておきます。
style要素は、プロパティを使って要素(タグ)を整形したりするものですので、テキストをstyle要素内に記述しても何の意味もありません。
分かりやすく記述すると、
<style type="text/css">
<!--
body{background-color:black;
color:white;}
p { color:#dcdcdc;}
em{ color:red ;
font-weight:bold; }
-->
というのをHEAD要素内に入れておけば、
文書の背景が黒、テキストが白、p要素(段落のテキスト)が灰色になります。
ですので「あけましておめでとう」を強調したいときは、
「あけましておめでとう」が含まれている要素にCSSを適応させることになります。
例えば<p>新年<em>あけましておめでとう</em>ございます</p>
こうするとem要素内のみ赤で太字になります。
以下は、分からなかった場合読み飛ばしてください。
もし、私の見当違いだったらすみません。
ちなみにCSSで内容を追加したいということであれば、それは可能です。
<!--
p:before{content:"追加";
color:yellow;}
-->
とすると、全p要素の始まりで「追加」の文字が追加されます。
ただし、IEは対応していないようです。
No.1
- 回答日時:
質問の意味がよくわからないのですが…ある特定の単語のみスタイルシートを適用したい…という事でしょうか?
<head>
<style type="text/css">
<!--
div{color:#f00}
-->あけましておめでとう。
</style>
</head>
の場合、そもそも位置がおかしいですから「あけましておめでとう。」は完全に無視されます。(IEの場合)
「特定の単語にのみ適用」と言うのは出来ませんので、
<style type="text/css">
<!--
.Red{color:#ff0000;}
-->
</style>
等と定義しておいて
<FONT CLASS="Red">あけましておめでとう。</FONT>
とするしかないと思います。
この回答への補足
ある特定の単語のみスタイルシートを適用したい …という事でしょうか?
そうです。キーワードの強調として<style>のタグがいいという書き込みを見たので。
使い方としては、以下なんでしょうか?
<head>
<style type="text/css">
<!--
.Red{color:#ff0000;}
-->
</style>
</head>
<FONT CLASS="Red">あけましておめでとう。</FONT>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
smallにtext-allignが効かない
-
【ヒトの神秘】美男美女から何...
-
質問1.
-
含む含まないという概念自体の...
-
スタイルシートで文字色を指定...
-
角丸画像の背景色を透明にした...
-
emとstrongの反対
-
双方向リストのソート方法につ...
-
マージソートの計算量について-...
-
HTMLの〈li〉について教えてく...
-
還暦を過ぎた方々に質問です。
-
ある要素の中身を全部グレーア...
-
<div align="center">を使わず...
-
ホームページビルダー16の属...
-
2個のFormを横並びにしたい
-
CSSで改行後の行間調整
-
指定したidやclass以外の要素を...
-
inputタグはformタグで必ず囲む...
-
リンクタグのテキストを太字に...
-
</br>を無くして、CSS
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
含む含まないという概念自体の...
-
smallにtext-allignが効かない
-
質問1.
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
角丸画像の背景色を透明にした...
-
改行ほどは行かないけど、若干...
-
CSS:overflow要素の印刷について
-
タグは大文字と小文字どちらが...
-
NからZへの全単射を具体的に構...
-
HTMLでTextareaを横に2つ並べ...
-
H1タグを画像にしたい
-
figcaption要素の中にul要素
-
imgタグをそのまま使うことは正...
-
textareaの幅を画面と合わせたい
-
ある要素の中身を全部グレーア...
-
テキストボックスの中にリンク...
-
スタイルシートで文字色を指定...
-
HTMLページ上でiframeを最前面...
おすすめ情報