- 締切済み
<Style>～</Style>
<Style>～</Style>を使いたいのですが、 使い方として以下の注意書きを見ました。 </head>タグの直前に<Style>キーワード</ Style> をコピー&ペーストしてください。 CSSは詳細なレイアウトであって文字は入れられるかどうか知りたいのですが。 多分入れられないと思うのですが。 例えば「あけましておめでとう。」の文字を <head> <style type="text/css"> <!-- div{color:#f00} -->あけましておめでとう。 </style> </head> とかできるかどうかと思ったので。 上記の意味として <head>～<Style>単語</ Style></head>で使い方はあっているのでしょうか。
- totofadfa
- お礼率11% (11/92)
- HTML
- 回答数5
- ありがとう数2
- みんなの回答 （5）
- 専門家の回答
みんなの回答
- selene_pl
- ベストアンサー率49% (102/207)
fontタグを使うなら、<font color="red">でいいんですけどね。 もともと、fontなど物理マークアップを使わないためにスタイルシートがあるのですし。 あと、どうでもいいですが、スタイル定義部分では、 /* と */ にはさまれた部分（複数行可）がコメントになるので、 好きな言葉（普通は簡単な説明）を書いても構いません。
- HUTABA
- ベストアンサー率27% (436/1611)
#1です。 せっかく補足頂いたのに書き込みが遅くなって申し訳ありません。 ＞使い方としては、以下なんでしょうか？ はい、その方法で「あけましておめでとう。」の部分が赤い文字で表示されるようになります。
- twk
- ベストアンサー率29% (18/62)
一人目の方の補足に書かれた使い方で 合っていると思います。 この場合フォント(の色)を変えるのが目的なので <font> タグで良いと思いますが、色々な属性を変える場合には <span>または<div> というタグがよく使われます。
- yasite
- ベストアンサー率50% (8/16)
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は対応していないようです。
お礼
ありがとうございました。
- HUTABA
- ベストアンサー率27% (436/1611)
質問の意味がよくわからないのですが…ある特定の単語のみスタイルシートを適用したい…という事でしょうか？ <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
- DreamWeaverMXでスタイルシートを使わない方法
DreamWeaverMXを使用しています。 文字に色をつけたり大きさを変えたりするときに、自動的にスタイルシートでタグが入力されてしまいます。 例えば赤文字にしたときに <font color="red">赤い文字</font> こうしたいのに <head> <style type="text/css"> <!-- .style1 {color: #FF0000} --> </style> </head> <body> <span class="style1">赤い文字</span> </body> こういうタグが入ってしまいます。 これをHTMLだけのタグがはいるようにしたいのですが、そういう設定方法はないでしょうか？ ご存知の方がいましたらよろしくお願いします。
- ベストアンサー
- グラフィックソフト
- 外部スタイルシートが読み込めない
こんにちは。 外部スタイルシートが読み込めず 困っています。 HTMLは、 <html> <head> <link rel="stylesheet" href="controlbox2.css" type="text/css"> </head> <body> <div class="modal">syun</div> </body> </html> controlbox2.cssは .modal{ background-color:#fff; padding:10px; border:1px solid #333; } だけです。 もちろん同じディレクトリで あり何度も確認しています。 ブラウザは、IE7です。 ヘッダー部分に スタイルシートを書くと 当然効果があります。 <head> <style type="text/css"> .modal{ background-color:#fff; padding:10px; border:1px solid #333; } </style> </head> 文字コードは、ともに SHIFT_JISで保存しています。 何が悪いのか、 全くわかりません。 何か分かる人がいましたら、 よろしくお願いします。
- ベストアンサー
- HTML
- style要素について
Webページの作成においてスタイルシートによるレイアウトしています。スタイルシートでレイアウトを指定する時<head>タグ内に記述しますが、以下を見てほしいのです。 (1) <style type="text/css"> ～～～ </style> (2) <style type="text/css"> <!-- ～～～ --> </style> (1)と(2)を比較するとどちらの記述方法が適しているのでしょうか？ また、"<!--"と"-->"は無くても正しく反映されるのでしょうか？ 後は、"<!--"と"-->"は本当に必要なのでしょうか？ 補足）HTML4.01 Transitionalで標準準拠モードです
- ベストアンサー
- HTML
- スタイルシートの記述について
例えば、文字を黒く、背景色を白くしたい場合ですが、どちらの記述が正しいですか？ (1)は兄が教えてくれたタグの書き方で、(2)はネットで見かけたタグ（CSSについて説明していたサイト）の書き方です。 カッコの違いが気になっています。 ネット検索をしたところ、(2)の形で書かれているほうが多かったです。 今は『<!-->』は、もう古かったりなどして使わない形なのでしょうか。 それとも(2)の『{}』のみの形はCSSとして使う場合なのでしょうか。 (1) <style type="text/css"> <!--P{color:#000000;}--> <!--BODY{background-color:#ffffff;} </style"> (2) <style type="text/css"> p{color: #000000;} body{background-color:#ffffff;} </style">
- ベストアンサー
- その他（インターネット・Webサービス）
- これもスタイルシートっていいますか？
<div style="text-align:left;"> 文字を 左に寄せる </div> このようなタグはスタイルシートというのでしょうか？ style= を使ってるからスタイルシートですか？
- ベストアンサー
- HTML
- スタイルシートでレイアウトしたいのですが出来ません。
<a href="○○.html" onmouseover="txt1.style.display='block'" onmouseout="txt1.style.display='none'"> ○○タイトル○○</div></a> <span id="txt1" style="display:none;position:absolute; border:3px solid #ff0000;color:#FF0099;background-color:#FFFFCC;"> ○○説明文○○</span> 上のような<txt>タグが全部で２０個以上あるので （つまりtxt1～txt20まであります） CSSでレイアウトしたいのですがうまくいきません。 上のタグをCSSでどのように定義づけたら <div class>で作れるようになるか教えてください。
- 締切済み
- ブログ
- style属性を使って擬似クラスを表現することは可能ですか？
CSSの読み込み方には3通りあります。 1)<head>～</head>内にstyle要素をマークアップする。 2)外部CSSファイルをHTMLに読み込ませる。 3)任意のタグにstyle属性を指定する。 そこで質問なのですが、3)のstyle属性で擬似クラスを指定する事は可能でしょうか？ 1)と2)の方法であれば、 div a:link { color : #fff ; background : blue ;} div a:visited { color : #fff ; background : purple ;} div a:hover { color : #fff ; background : aqua ;} div a:active { color : #fff ; background : purple ;} のように指定すればよいだけですが、 3)の方法、つまりstyle属性を用いて擬似クラスの指定の仕方が分かりません。 宜しくお願いします。
- ベストアンサー
- CSS
- アップするとスタイルシートが反映されない
現在メモ帳で外部CSSの段組レイアウトを制作しています。上下に二つ、その間に縦に分かれたローカルでは問題なく見られるのですが、ネットにアップすると全く反映されず、HTMLのみの状態になってしまい大変困っています。初心者ゆえ全く原因が分かりません。 htmlに問題があるんじゃないかなと思い下にhtmlタグを書き込みました。どこに問題があるか、それとも他の原因か、またどうすれば解決されるのかをご教授願います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja> <head> <body> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>タイトル</title> <link rel="stylesheet" type="text/css" href="ファイル名.css"> <script type="text/javascript"> <!-- function expand(id) { if (id.style.display == "none") { id.style.display = "";} else {id.style.display = "none";} window.event.cancelBubble = true;} // --> </script> <style type="text/css"> *.grad { width:100%; color: #000099; filter: Alpha(opacity=100,finishopacity=0,style=1); } </style> <div id="wrapper"> <div id="header"> ヘッダーの内容</div> <div id="container"> <div id="main"> メインの内容</div> <div id="menu"> メニューの内容</div> </div> <div id="footer"> フッターの内容</div> </div> </body> </html>
- ベストアンサー
- その他([技術者向] コンピューター)
- ネットスケープ4.78でのスタイルシート
質問します。よろしくお願いします。 win版のネットスケープ4.78でスタイルシートがおかしくなります。 <head><style type="text/css"> .text1{color:red ;} </style></head> <!-- 省略 --> <td class="text1"> <span style="color:blue ;">【What's New!】</span> <br> こんにちは！ </td> という感じにしています 上記の記述だと、【What's New!】だけが青で、以下の 「こんにちは！」は赤い文字になるはずだと思うのですが、 意図に反して「こんにちは！」も青い文字になってしまいます。 ネットスケープの4.xではスタイルシートが不安定というのは 知っていましたが、ここまでひどかったかなぁ、と思っています。 どこか記述がおかしいところがあるのでしょうか？ よろしければご指摘をいただければ幸いです。
- ベストアンサー
- HTML
- CSSについて
CSSについて質問させてください。 CSSをタグの中に直接書き込む場合 <div style="color:#ffa500; font-size:20pt; font-weight:bold; text-decoration:underline;"> このような場合のstyle="部分は、styleタグと呼んで いいのでしょうか？ divタグの中に記述しているので、styleプロパティと 呼ぶのでしょうか？ CSSのリファレンスにはstyleプロパティはありません。 ということは、やっぱりdivタグのstyleプロパティで CSSを指定していると考えるのでしょうか？
- 締切済み
- HTML
お礼
ありがとうございました。