よく使うけど忘れがちなCSSクラス

子要素でfloatしてると、親要素の高さが自動計算されなくなるのを防ぐ

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  display: inline-table;
}
/* for ie */
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}

角丸にしたいんだけど、画像使うのはパフォーマンス的に嫌だな...
まあ仕方ないんで、CSS3で角丸対応してるやつだけ表示されるようにしておくかってときに（どんなだ）。
そのうちIEでも対応されればオッケーだね！

.round {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}