2006年09月21日

CSSの指導を受けて大助かり

I先生のメールで頂いたご指導。

先生のブログで,

>  ただ、文章の一部だけにバックカラーを施そうとしても、CSSではうまくい
> かないので、このように!HTMLで打ち込んでしまうこともあったが、止むを得
> ない。まだまだ勉強が足りないので。

という箇所がありますが,文章の一部の色を変えるには,<span>〜</span>タグ
で挟み,タグにスタイルを設定します。たとえば,スタイルシートで

.palepink {
color: black;
background-color: #eeccee;
}

と設定しておいて,HTMLを

<p>背景色を変えます。<span class="palepink">この部分の背景は薄いピンク色
</span>です。</p>

と記述すると,<span>で挟まされた部分だけ背景色が変わります。もしくは,強
調するときなどに,決まった背景色を使うというのであれば,

strong {
color: black;
background-color: #00ff33;
font-weight: normal;
}

とでも定義して,強調したい箇所を<strong>〜</strong>で挟むのが簡単でよい
かもしれません。

話は変わりますが,同じブログで,

>  不思議なことに、ページ内に置くCSSの設置が終わって、外部CSSに移動した
> ら、同じようには反映してくれないので、仕方なくページ内のCSSに戻してし
> まった。

と書かれていますが,ブラウザ内に古いCSSがキャッシュされている可能性があ
るので,

http://blog-faq.seesaa.net/category/224277-1.html

内の「メンテナンスが終了したにもかかわらずブログが表示されない」で説明さ
れているように,キャッシュをクリアしてみてください。これでだめなら,<
head>〜タグ内に記述するCSSファイルのパスを間違えている可能性があ
ります。

以上,ご参考までに。

こちらからのお礼のメール:拝復
 いつも貴重なご指導ありがとうございます!
バックカラーの方法、色々な方法があるんですね!

実は、あのブログを書いて以降、結局沢山買い込んだ様々な書籍の中から、

<span class="back">・・・・・</span>

に対して、

.back {background-color:#ffff66:}

という方法を知ったのでした。

でも、さらに色々な方法を御教示頂いたお陰で、様々な応用の仕方にひらめくものが大いにありますした!

また、外部CSS、ご教示の意味、大いに納得できます。確かに古いのが残っていたのに違いありません!
ブログのメンテナンス後にも、ご教示の通り、まったく同じ経験をしているので、氷解しました!

外部CSSの方が、きっとSEO的には有利なのでしょうが、ページ内に打ち込むのも、ページごとに好きなように変化させられて便利なように思います。

外部の場合、つまり保存している自分のパソコン内では管理が大変なのと、バックアップを取るのも面倒だから、パソコンが突然壊れた時に、外部CSSが永久消滅して、また作り直さないといけなくなるので・・・・・とずぼらなことを考えてしまいますが、外部CSSにすべきなのでしょうか?

この点での御教示を賜れば、まことに幸いです。

ところで、凝り性だから、独自ドメインを沢山取得してしまいました。現在のところ、独自ドメインによる6つのサイトを制作することが出来ます。

5年後にはプロの手前くらいの技術を見につけたいと思っています。

ご指導、ありがとうございました!
                          頓首

折り返しのご指導:おはようございます。

> また、外部CSS、ご教示の意味、大いに納得できます。確かに古いのが残っ
> ていたのに違いありません!
> ブログのメンテナンス後にも、ご教示の通り、まったく同じ経験をしているの
> で、氷解しました!
>
> 外部CSSの方が、きっとSEO的には有利なのでしょうが、ページ内に打ち
> 込むのも、ページごとに好きなように変化させられて便利なように思います。
>
> 外部の場合、つまり保存している自分のパソコン内では管理が大変なのと、バ
> ックアップを取るのも面倒だから、パソコンが突然壊れた時に、外部CSSが
> 永久消滅して、また作り直さないといけなくなるので・・・・・とずぼらなこ
> とを考えてしまいますが、外部CSSにすべきなのでしょうか?
>
> この点での御教示を賜れば、まことに幸いです。

サイトのページ数が少ないうちはどちらも大差ありませんが,多くなってくると
外部CSSの方が断然有利になります。たとえば,前回のメールに書いたマーカー
もどきの強調方法で,背景色を緑から黄色に変えたい場合,外部CSSならCSS内を
1箇所変えればよいのに対し,HTMLのヘッダ内に記述している場合は,HTMLファ
イルの数だけ修正を繰り返す必要があり,効率的ではありません。

> ところで、凝り性だから、独自ドメインを沢山取得してしまいました。現在の
> ところ、独自ドメインによる6つのサイトを制作することが出来ます。
>
> 5年後にはプロの手前くらいの技術を見につけたいと思っています。

複雑極まる中医漢方理論に比べれば,HTML/CSSなどの世界は稚技に等しいと思われます。先生なら,きっとマスターできますよ


お礼のメール:拝復

早速のご指導ありがとうございます!

折を見て徐々に外部CSSに切り替えることにします。各ページに一部不統一なCSSを作ってしまいましたので、少し調整して、ページ数を増やす折にでも移動挿せようと思います。
そして、そのときは●●●●●メールなどの安全な場所にバックアップとしてコピーを保存することにします。

現在使用中のパソコンは、いつぶっ壊れるか分かりませんので。

今後、作る場合も、最初から外部CSSでやりたいと思います。

貴重なご指導、ありがとうございました。
                        頓首
posted by 文武 at 00:45| 山口 | HTML・CSSのお勉強 | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。