随筆prototype

サイトのAuthor CSSの定義リストの指定を変更するかも。Bookmarkletで小窓を出してそこにCSSの記述を書くとリアルタイムでページに反映されるので思いついた変更案を手軽に確かめられる。某Bookmarkletのサイトの「スタイルをテスト」というものです。いつも重宝してます。それによる今回の収穫をメモメモ。

dl {
margin: 1em 10px;
}
dt {
border: 1px solid #9EB0C2;
width: 70%;
background: #DADEE3;
padding: 5px;
margin-bottom: .5em;
}
dt img {
vertical-align: middle;
}
dt a img {
vertical-align: baseline;
}
dd {
border: 1px solid #DADEE3;
padding: 5px;
margin-bottom: .5em;
}

注意：元々ある程度出来上がっているスタイルを上書きしているだけなので、この記述だけでは不十分。

この指定の効能：「DDの左側がインデントされるから何かオシャレ」みたいなノリで定義リストを多用するとちょっとしつこい見た目になるので多用しにくくなる。適切に使う分には それっぽい見た目 になるので必要以上に抑制はしないと思う。DIV厨ならぬDL厨(ダウンロード厨ではない)を矯正したい場合には良い ( 私はDL厨ではないと思うけど )。