知識Z（ゼータ）　HTML

IE6で、サイドバーにサブメニューなんかを作るときに、 ってな感じで、liのaをブロック要素にするために、display:blockをかけると隙間が出来てしまいます。

CSSを記述しているときに（特に他人が書いたCSS）、ハマってしまうことがあります。例えば、

「CSS自体はしっかり記述しているはずなのに、なんで効かないの？？」

みたいな感じです。



うっかりミスでもなんでもないのに、なぜだーと時間ばかりが過ぎていきます。

だいたいそんなときは「!important」のチェックミス。

他人がどこかに使ってたりします。!importantを使うと、その行数が優先的に使われるためその後に設定したCSSがきかないのです。

コーダーが自分ひとりであれば問題ないのですが、複数の人と行う場合はコーディングルールをしっかり決めておいたり、「Cascading」 されて （段階的に） 適用される性質をフルに使ってできるだけ!importantを使わないようにしましょう。

クラスを付加する際に、 というように、半角スペースで区切って入れることで、複数のクラスを設定できます。

CMSなどを使用していて、横並びのテーブルをテンプレートとして作成したい場合に、 のように縦を100%にしてもうまく揃えることができないないときがあります。 （下図）

1行

2行 2行

解消するにはどうすればよいでしょうか。

HTMLでは、改行も半角スペースと同じ文字として認識されるため、意図しない場所にスペースができることがあります。

ホームページを開いたときやお気に入りに追加したときに見えるアイコンのようなものをfavicon（ファビコン）と言います。有無によって特別何かあるわけでもないのですが、サイトのブランド力をアップさせるために導入するのはいいことだと思います。

CSSは全ての要素（親、子全て）について記述するようにした方が間違いがなさそうです。