CSSメモ その1
僕はWeb Creatoresを年間購読してますが、ことしの12月号に気になることがあったのでメモメモ
line-hightに基本「単位なし」を使用する理由
P { line-height: 1.4; }
line-hightプロパティは子要素に継承するので、そこで強調(strongとか)した場合、
単位をemにすると重なってしまうため。
tableの枠線をシングルにする。
border-collapseプロパティにcollapse(結合ボーダーモデル)を使用する
table { border: 1px solid #000000; border-collapse: collapse; } th,td { border: 1px solid #000000; }
いままでは、tableに上、左のborderを、th,tdに下、右のborderをつけてた...
aタグの擬似クラス指定順
aタグ指定の順番とか・・・っていうかスペルを忘れてしまう
a:link { color : blue; } /* 未訪問 */ a:visited { color : red; } /* 訪問済み */ a:hover { color : yellow; } /* カーソルオーバー時 */ a:focus { color : Maroon; } /* フォーカスがあたっている時 */ a:active { color : green; } /* 選択中 */
こうしないと、:hoverや:activeの値が上書きされてしまう。