ADP: floatレイアウトでつまづかないためのTips
CSS セレクタに関するおさらい | WWW WATCH
CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X... CSS を扱う上でセレクタの存在はとっても重要です。特に CSS3 Selectors ではかなり複雑な条件分岐ができるようになっていますので、スマートな (X)HTML、CSS コーディングを行う上で、セレクタを理解しているとそうでないのでは生産性に差が出ます。 CSS3 は現在 Working Draft の段階ですので、まだ正式な勧告はなされていませんが、多くのモダンブラウザにおいてそのほとんどが先行実装されていることから、現状でも利用価値が高いといえます。 ということで、ここでは自分へのメモの意味も込めて、CSS3 で定義されているものも含めた各 CSS セレクタについてリファレンスしてみようと思います。 今回の解説
CSS - dtをfloatする場合の注意点 | Try | d-spica
dtをfloatし，margin, padding, borderなどをあてる場合の注意点です。 Tried at 2008-05-12 まず，マークアップは次の通り <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-06</dt> <dd>ページ2を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-04</dt>
dt,ddを横に並べるときの注意（俺用メモ） - Hato-Style - Note
dt,ddを横に並べるときの注意（俺用メモ） 定義リスト(dl要素)で、CSSを用いてdtとddを横に並べてレイアウトするときの話やけど。 一般的に使用されていて、最も分かりやすいがfloatとmarginを使った下記の手法。 dl dt{ width: 5em; float: left; } dl dd{ margin-left: 5em; } <dl> <dt>テストです</dt> <dd>テスト テスト テスト テスト テスト ...</dd> </dl> 組みもわかりやすくて良いんだけれどもWinIEで頭の文字が右に微妙にずれたりしてる。レイアウトによってはなかなか気づかなかったりするので要注目。 回避策として、ddにtext-indentプロパティを指定すると、美味く見える模様。でも要素や文字によりけりなので検証が必要かも。WinIEだけに適応させるの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://msugai.fc2web.com/web/tips/index.html
