- ベストアンサー
CSSのコードが反映されない理由は？
- CSSを勉強しようと思い、はてなブログで実際にいじり始めたんですが、うまく反映してくれません。
- HTMLは基本的な構成がありますが、CSSも同様に特定の構造を持っています。
- 調査結果に基づくと、反映されない理由は継承と子孫セレクタに関連している可能性があります。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんばんは お返事有難う御座います。 CSSは普通、以下のようにしますが、テンプレ―トには<head>～～</head>がありませんので、じかにタグの中にstyleを書き込みます。 <style type="text/css"> ココに書く </style> htmlの編集画面にstyleを書き込みます。 @media screen and (min-width:1300px) はテンプレートの大きさを考慮すると大きすぎると思います。問題が無ければ外してください。表示されない原因はここにあります。 ＞<body>～～～</body> はhtml編集モードがそれです。 ＞CSSもそういうのがあるんでしょうか？ はてなブログには<head>～～</head>の間に書き込むCSSは不可能です。 ＞CSSを勉強しようと思い ブログではなくて普通のレンタルサーバーを借りた方がいいですね。 最近は無料サーバーでもCGIが使えたり広告なしのものもありますので検討してみてください。 サンプル <style type="text/css"><!-- @import"test.css"; body{background:#DD5906;} --></style> <div style="width: 250px; margin: 0 auto; background-color: blue;">container</div> <p><img style="width: 250px; float: right;" src="http://k.yimg.jp/images/top/sp2/cmn/logo-ns-131205.png" alt="" /> 画像を右に寄せて表示します。</p> 不明点があると思いますので、他の方が回答してくださると思いますので、また情報を返信してください。
その他の回答 (1)
- 田中 裕之（@bybalsendercase）
- ベストアンサー率88% (56/63)
こんにちは <body> この間の簡単なソースを教えてください。 </body> 他の方が良い回答を付けるのに役に立つと思います。 回答でなくてすいません。
お礼
回答ありがとうございます。 ご回答いただいた <body> この間の簡単なソースを教えてください。 </body> はどう探したらよいでしょうか。 上記の /* <system section="theme" selected="reach"> */ @import "/css/theme/reach/reach.css"; /* </system> */ /* <system section="background" selected="95a5a6"> */ body{background:#DD5906;} /* </system> */ の部分はデフォルトのままで何もいじってないんです。 因みに、はてなブログは記事ごとのHTMLはいじれるんですが、index.htmlいあたるようなものはいじれないようです。 回答よろしくお願いしますm(__)m
お礼
ご回答頂きありがとうございます。 UDEMYという動画の講座を一通りやったのですが、はてなぶろぐだと勝手が違うようなので、アドバイスいただいた通りレンタルサーバーからやってみることにします。 またなにかありましたらよろしくお願いします。ありがとうございましたm(__)m