CSS

レイアウト指定例1 <table border="0"> <tbody> <tr style="background-color: #adf ...

こういうサイドバーのメニューで、リンクの上にマウスを置くと、 の様にリンク部分の色が変わるものを作成してみた。

通常、CSSでは何も書いてない領域は自動的に詰められるようにブロックがレイアウトされる。 の様に、空白のブロックを作りたい場合は、 <div id="blocka"> ブロック A &lt ...

現象： font-weight で、太字にしようとしても太字にならない。 原因： 同じ定義を2回しており、後から書いた方が適用されていた。太字に限らず、CSS は、後に書いた方を優先するようだ。 .p ...

リンク部分に関する CSS メモ 1) リンクの部分の定義 何も装飾しない。（リンクの部分に下線も出ないので、通常の文字列とは区別がつかない） .post h2 a:link{ text-decora ...

ボツになった案だけども、将来使うかも知れないのでメモ の青字部分のBOXを以下の様に立体的に見せるには、

ブラウザの Window の幅を縮めていくと、画像やら form の BOX がはみ出す事があるのに気づいた。 最低幅を決めるようにしてみる。

レイアウトは、<div> を使って、float 制御をする事で実現できる。 各ブロックの <div>が、header, rsidebar, lsidebar, content, ...

一つの CSS にゴリゴリ書いていると、作り込みが大きく成りるほど可読性が下がってしまう。 そう言う場合は、style.css から、外部ファイルを取り込む形にして分割する事ができる。 style.c ...

ここまで、できたサイトの背景に薄いネズミ色を付けて、全体を浮き立たせてみたくなった。 css の body の所で、ページ全体の背景を変更できる事は知っていたので、本を見ながら作ったサンプルの css ...