スタイルシートの指定の文頭に空間があると反映されないかも;FC2ブログ・プチカスタマイズ   

スタイルシートの指定の文頭に空間があると反映されないかも|FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・基本のHTMLとスタイルシート | スタイルシートを学ぼう| スタイルシートの指定の文頭に空間があると反映されないかも に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > スタイルシートの指定の文頭に空間があると反映されないかも・基本のHTMLとスタイルシート > スタイルシートを学ぼう > スタイルシートの指定の文頭に空間があると反映されないかも


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 このブログのH3見出しのスタイルシートは下のようになっている。

/* h3,h4,h5,h6             */
h3{ BORDER-BOTTOM: #ea0075 1px dotted;
BORDER-LEFT: #ea0075 15px ridge;
        font-size: 112%;
        }

 

 以前から、この記載だったんだけど、なぜか、スタイルシートの記載がブログに反映されなかった。

 いろいろといじってみたのだが、うまくスタイルシートが反映されない。

 この間ようやくその原因がわかったのでご報告。

 

文頭にスペースがあるとスタイルシートが反映されないことがある

 反映されなかったスタイルシートの記載は↓

  /* h3,h4,h5,h6             */
   h3{ BORDER-BOTTOM: #ea0075 1px dotted;
BORDER-LEFT: #ea0075 15px ridge;
        font-size: 112%;
        }

反映されたスタイルシートの記載

/* h3,h4,h5,h6             */
h3{ BORDER-BOTTOM: #ea0075 1px dotted;
BORDER-LEFT: #ea0075 15px ridge;
        font-size: 112%;
        }

 

 ちょっとわかりにくいけど、h3{の頭にスペースが開いている。

 この空白がスタイルシートが反映されなかった原因らしい。

 h3の前の空白をなくしたら、ちゃんとブログにスタイルシートの設定が記載された。

 本当にちょっとしたことなんだけど。

 結構本気で『何でスタイルシートの記載が反映されないんだろう』と悩んだので、他の人の参考になればと思ってご披露。



サイト内の同タグへのリンク: FC2  ブログ  テンプレート  スタイルシート 
他のサイトへのタグリンク : FC2 ブログ テンプレート スタイルシート

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[スタイルシートを学ぼう]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/120-d2db2bc4
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。