スタイルシート この二つの記述で軽く仕上がるのは?

[上に] [前に] [次に]
ヒート [E-Mail] 2000/05/28(日) 22:52:42
 cgiのチャットで、名前の色選択メニューで色見本を兼ねようと思い
以下のようなものを作ってみたのですが、 

名前の色 <select name=color>
<option value=F0F8FF style="background-color:F0F8FF">aliceblue
<option value=FAEBD7 style="background-color:FAEBD7">antiquewhite
<option value=00FFFF style="background-color:00FFFF">aqua
<option value=7FFFD4 style="background-color:7FFFD4">aquamarine
<option value=F0FFFF style="background-color:F0FFFF">azure
・・・・・
・・・
</select>
と、するのと
----------------------------------------------------------------

idをと外部スタイルシートを使用して、

名前の色 <select name=color>
<option value=d9d9d9 id=d9d9d9>-default-
<option value=F0F8FF id=F0F8FF>aliceblue
<option value=FAEBD7 id=FAEBD7>antiquewhite
<option value=00FFFF id=00FFFF>aqua
<option value=7FFFD4 id=7FFFD4>aquamarine
<option value=F0FFFF id=F0FFFF>azure
・・・・・
・・・
</select>

↓外部cssファイル
#F0F8FF{background-color:#F0F8FF}
#FAEBD7{background-color:#FAEBD7}
#00FFFF{background-color:#00FFFF}
#7FFFD4{background-color:#7FFFD4}
#F0FFFF{background-color:#F0FFFF}
・・・・・
・・・

と、するのはどちらが軽かったりするのでしょうか?
ちなみに色の数は150色近くあり(^^;cssファイルだとキャッシュが効いて
よさそうだ。とか言う話をきいたので。

また、これはグラデェーションがけられるチャットなので、
入室後は
「名前の色」、「発言のスタートカラー」、「発言のエンドカラー」
にそれぞれ、同じidが使われます。idは一度だけの使用に限る。だそうですけど、
classよりツヅリが短いので使用してます。問題あったらclassにします。

こっちの方がが軽くていいよ。とか、こうした方がいいよー
というのでもいいのでよろしくお願いします。

長くてへたっぴな文章でごめんなさい。。

ヒート [E-Mail] 2000/05/28(日) 22:56:15
あれあれ・・&lt;とか&gt;にするの忘れてしまった(;;)
ごめんなさい。。なんか。。えらいことになってる。。
すみません(><。)

2000/05/29(月) 01:10:33
やはり、外部CSSの方がいいでしょう。
HTML部分が短くなるので、何度も入室すれば軽くなるはずです。
あと、idをclassのかわりに使うのは御法度です。classにしてください。
> あれあれ・・&lt;とか&gt;にするの忘れてしまった(;;)
あれ、このラウンジでは必要ないはずでは?

ヒート 2000/05/29(月) 05:34:07
[[解決]]
ありがとうございます。(^^)>偽さん
いくつかのチャットで同じcssファイルを使う予定だったので、
尚更、効果が期待できそうで嬉しいです。
id(class)名にはもっとシンプルで短いものを使いたかったのですが、
上記の通りおうちゃくしてそのようなものを使っています。(笑)
ここらへんはどうなんでしょう?問題とかはないですかね。

> あと、idをclassのかわりに使うのは御法度です。classにしてください。
さっそくclassに変更しておきました。
あ、ちなみにidのままだとどんな弊害が起きるのでしょうか?

解決!! どうもありがとうございました。

の、割に疑問文書いちゃってますけど(笑)

ヒート 2000/05/29(月) 05:46:30
たびたび失礼します・・(^^;
> あれ、このラウンジでは必要ないはずでは?>>&lt;とか&gt;

そうですねうまく変換(?)されてましてほっとしました(^^;
でも、青ラウンジの私の質問したこのページに入ると文字化けしてるんですよね。
西ヨーロッパ言語とかっていうのになっちゃいます。 win95 IE5.01です。
どうも自分の質問したページだけのようなんですけど、まずいこと
らかしたのかなぁ。ここ、見に来るたびに、
エンコード、日本語(自動選択)ってしてます(笑)

[上に] [前に] [次に]