ベストアンサー

スタイルシート・・・この記述は正しいですか？

2003/04/08 00:02

メモ帳で(苦笑)ＨＰを作っています。いままではテーブルなどのほんとに簡単なタグしか使っていなかったのですが、そろそろサイトデザインを変えたいな～と思って、スタイルシートに挑戦してみることにしました。マウスをオンにしたときリンクの背景色が変わるとか、スクロールバーの色を変えるとか、見た目は思った通りに表示できているのですが(ブラウザIE6.0/NN6.02です)、本やいろんなサイトさんのソースを参考に打ってるだけなので、本当にこれで合っているのか不安です。お時間のある方アドバイスなど頂けたらと思います。よろしくお願いします。 <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="robots" content="index,nofollow"> <style type="text/css">  </style> </head> <body> </body> </html>

noname#3562

HTML
回答数3
ありがとう数4

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

howsike
ベストアンサー率58% (18/31)

2003/04/08 02:10 回答No.3

見た感じではちゃんと掛けてると思いますよ！色指定のところで#の後がないのは‥‥いろいろ変えるからですよね^^ ちゃんと<head>～</head>の中に記述されてますし、特に悪いところはないと思います。ただ、個人的にですけど、下のように a:link {color:#000000; background-color:#000000;} a:visited {color:#000000; background-color:#000000;} a:hover {color:#000000; background-color:#000000;} と一行で書いてます！（こちらの方が見やすいので．．．）それと、もし同じスタイルでページを作っていくなら外部ファイルで定義すると楽ですよ！詳しいページは下記ＵＲＬにて^^;

参考URL：: http://tohoho.wakusei.ne.jp/css/basic.htm#Link

質問者

お礼 2003/04/08 23:50

１行で書いちゃっていいんですか！(本にあった通り打ってました)あたしもこちらの方が見易いと思うので今度からそうします。参考ＵＲＬもありがとうございます(^^

その他の回答 (2)

shy00
ベストアンサー率34% (2081/5977)

2003/04/08 02:08 回答No.2

＃１の方の指摘の他に・・・ scrollbar highlight-color: #; 　→　scrollbar-highlight-color: #; scrollbar-3dlight-color: #; →　scrollbar-3d-light-color: #; a{text-decoration:none} 　→　a{text-decoration:none;} a:link、a:visited、a:hoverがそれぞれ {color:#;background-color:#;} 　　→{color:#; 　　　　background-color:#;} の様になっていた方がいいかと・・・まぁ、私も表示されればいいやというタイプなのですけど(爆) エディタでタグを入力するのって、いいと思いますよただメモ帳だと限界があるので、何か使い勝手のよいエディタを探されてはいかがでしょうか？

質問者

お礼 2003/04/08 23:47

noneの後ろにも「；」は付くんですね・・・勉強になりました。そう、メモ帳は限界ありますよ～・・・やっぱりビルダーとか買った方がいいのかしら・・・それはともかく・・・回答ありがとうございました(^^

aiko_bapy
ベストアンサー率30% (34/112)

2003/04/08 01:57 回答No.1

わたしは別に間違っていないと思います＾＾文法的なものよりも、めちゃくちゃであっても自分のイメージにあったものができあがる方がいいと思う性質なので（＾＾；つづりとか大本が間違っていないので大丈夫ですよ、きっと。あえてあえて言うなら scrollbar-darkshadow-color: #ffffff の後にも「;」をつける？ってことくらいでしょうか？（あってもなくてもよかったかも…問題はありません）

質問者

お礼 2003/04/08 23:40

こんばんは！「；」、あ、そうですよね！抜けてますです。・・・結構タグ閉じ忘れあったりしても表示が大丈夫だと気付かないですよね(^^; ありがとうございました～

関連するQ&A

metaの指定
こんにちは。くだらない質問で申し訳ありませんが、初心者なのでお助けください。 GeoCitiesでHPを作っています。 GeoCitiesではEUCになってしまうと聞いたので、<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">　としていますが、A href="mailto:　を使用してメールフォームを作ると、日本語が文字化けしてしまいます。ファイルの転送はNextFTP4を使用しているのですが、何が問題なのでしょうか？どなたかお助けください。宜しくお願いします。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> <META http-equiv="Content-Style-Type" content="text/css"> <title>MYHP</title> <BODY BACKGROUND="stripe.gif" oncontextmenu="return false"> <style type="text/css">  </style></head>
- 締切済み
- HTML
外部スタイルシートでのスクロールバー
Dreamweaver MX 2004でサイトを作成しています。外部スタイルシートでスクロールバーの色を変更したいのですが適用されなく困っています。 -------------------------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>無題ドキュメント</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="pro1"> -------------------------------------------------- 外部スタイルシート（style.css) body { scrollbar-base-color:#efefbd; scrollbar-arrow-color:#efefbd; scrollbar-darkshadow-color:#efefbd; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#ffffff; } ------------------------------------------------- わかる方がいらっしゃいましたら、お願いいたします。
- ベストアンサー
- ホームページ作成ソフト
スタイルシートのリンクについて
スタイルシートを下記の様に記述しました。そこでリンクの部分なのですがポインタが上にのった時にff6666になるようにしているのですが、 ff9900のままなのです。通常はffcc00 既読はff9900 ポインタ上にのった時にff6666 クリックした時にff0000としたいのです。どなたかお教え下さい。 <style type="text/css">  </style>
- ベストアンサー
- CSS
スクロールバーの色の変更について
パソコンによってスクロールバーの色の変更ができるのとできないのとがあるのはソースの問題でしょうか？ちなみにソースは以下のとおりです。 <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>××</title> <STYLE type="text/css">  </STYLE> </head>
- ベストアンサー
- HTML
スタイルシートのスクロールバー
現在ＨＰを作成しています。スタイルシートでスクロールバーの色を変更させたいのですが、出来ません。何処かおかしいでしょうか？宜しくお願いします。 <style type=text/css>  </STYLE>
- ベストアンサー
- その他([技術者向] コンピューター)
スタイルシートについて。
今回初めてホームページを開設したのですが、スタイルシートについてわからないことがあるので質問させてください。別ファイルに記述して宣言をし、ファイルを参照してサイト全体に適用させるスタイル宣言の方法を試してみたのですが、その宣言をしたページのみ適用され他のページは変化がありませんでした。スタイルを宣言したページはインデックスです。 <link rel="stylesheet" type="text/css" href="style/ber.css"> と<head></head>の間に記入。別ファイルには、  と記入しました。なにがおかしいのか教えてください。お願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
【フォント】記述したCSSが反映されない
ログを検索しましたが同様の質問は無いようなので投稿させて頂きます。先日PCを買い替えましてXPからVistaへと移行しました。しかし新しいPCで自分のサイトを見てみると、CSSでフォントをTahomaに指定していたページの文章が何故かゴシック体で表示されています。（サイトは旧PCでビルダー7を利用して作成したものです）古いPCからHTMLのデータを移動し早速ソースを確認、上書き保存等してみましたがフォントはゴシック体のまま。明朝なども試しましたが反映されてくれません。やはりOSやブラウザの変更が原因なのでしょうか。アドバイスをよろしくお願いします。 ↓HTMLソースの一部を掲載します <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <meta name="robots" content="noindex,nofollow"> <STYLE type="text/css">  </STYLE> <style type="text/css">  </style> <style type=text/css>  </STYLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 7.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=750; pageheight=900"> <TITLE>(仮）</TITLE> </HEAD>
- ベストアンサー
- HTML
スクロールバーのスタイルシートについて。
スクロールバーの色を変えるスタイルシートで質問です。下記スタイルシートを使うとそれが出来るのですが、たとえばＨＰをフレームで2つに分けた場合、全部のページにスタイルシートを書かなければいけないんでしょうか？一番最初のページだけではうまくいきませんでした。分かる方お手数ですが教えて頂けないでしょうか。 <style type="text/css"> body { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #330066; scrollbar-shadow-color: #330066; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: orange; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } </style>
- ベストアンサー
- HTML
どこがおかしいのでしょうか
<HEAD> <script language=JavaScript>  </script> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>猫</TITLE> <STYLE type="text/css">  </STYLE> </HEAD> スクロールバーノ色が変わりません。何がおかしいのでしょうか。
- ベストアンサー
- CSS
テキストボックス
テキストボックスを作成したのですが、更新用にしたいので文字を打てないようにしたいのですが、苦難しています。どなたか、教えてください。 <head> <style type="text/css">  </style></head> <body> <FORM> <TEXTAREA rows="3" cols="70">
- ベストアンサー
- HTML

スタイルシート・・・この記述は正しいですか？