cssの最近のブログ記事

Wrapping Long URLs and Text Content with CSS • Perishable Press

CSS : positionの「absolute」「relative」「fixed」のリファレンス | CSS Lecture

CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki

IE7対策には、"min-height: 1em"

一点注意しなければならないのは、#containerCに記述されている"min-height: 1em"の記述です。 これはボックスの最小高さを指定するもので、現在リリースされているモダンブラウザでサポートされています(IE6は含まれません)。
この指定を入れることでIE7で外側のボックスの高さをフロートした内側のボックスの高さに合わせて拡張することができます。
"1em"の高さ自体は1pxでも1%でもなんでもよいと思います。

9 Most Common IE Bugs and How to Fix Them - Nettuts+

リンクをクリックしたときに横に伸びる点線を消す方法（Firefox） - IDEA*IDEA ～ 百式管理人のライフハックブログ

背景画像でリンクを表示し、テキストはスタイルで非表示にしているような場合、aタグのスタイルを、

background-image: url(/images/xxx.gif);
text-indent: -9999px;

のようにしたりする。
しかしそうすると、リンクをクリックした場合に、点線が左にグーッと伸びて表示されてしまう。
これを消すには、そのaタグのスタイルに、

overflow: hidden;
outline: none;

を追加すればよい。

pilu's web-app-theme at master - GitHub

GravityBlast - by Andrea Franz » 2 minutes admin layout with rails and the web-app-theme generator

CSSで罫線を角丸で表示する（１）：FirefoxとSafariのCSS - builder by ZDNet Japan

div
{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

長い単語やURLの改行をコントロールするword-wrapプロパティ - builder by ZDNet Japan

tableの属性cellspacing="0″, cellpadding="0″をCSSで対応する - 目抜き裏通り

もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife

CSSでよく使われているidやクラス名が紹介されている