CSSメモその1

2017/11/23

僕は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の値が上書きされてしまう。