ウェブページデザイン時の忘れがちな注意点

たまにはデザインネタでも。

CSSでページをデザインするときの注意事項を一点。これについて書いてあるサイトはあまりなく、結構いろんなサイトがこの過ちをおかしています。

なんだよそれ

colorとbackground-colorは必ずペアで指定すること！

これだけです。

どういうこと？

ほとんどの場合は問題ないんです。ほとんどの場合はデフォルトの背景色が白で文字色が黒なので。
しかし、環境によってはこれが違う場合があります。例えばLinuxではデスクトップ環境のテーマがページに影響を与えます。もしかしてこれはGTK+系のテーマだけかな。

このとき、colorだけ、またはbackground-colorだけしか指定していないと、テーマによっては文字色と背景色が似たような色になってしまい、とても見づらくなります。

試しに、少し前まで愛用していた"Arc-Dark"テーマでDropboxのトップページにある新規登録画面を見ると…

見えねえよヽ（`Д´）ﾉｳﾜｧｧｧﾝ

ちなみに、ちょっと前までBloggerの管理画面もそんな感じでしたよ（チクリ）