Bonnie styles. - Webデザイン、CSSなど

[HTML/CSS] アイフレームを使わずにDIV要素にリンク先の画像を表示させる。 | Bonnie styles.のCSSを取り入れたバージョンです。
Webkitのブラウザのみ対応(Safari/Google ..

先程撮った夕日。キレイだわ。。。(´ω｀*)
リセットCSS(※ただし自分用)

リセット前リセット後
CSS

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,..

※Windows/Webkit系(Safari/GoogleChrome等)/IEのみ対応（理由は後記述）
なんか和風のサイト作ってたら縦書きにキュンと来てしまったので、CSS3でやろうかと思ったらまだ実装未定っぽい..

キーワードで動画検索 鳥の詩‐ニコニコ動画(9)
再び仕様が変わり、4列表示ができるようになったようです。

こんな感じで初め見たときは、CSS適用されてないんじゃない？と何回もリロードしていましたが、仕様変更のようです..

通常JavaScriptでLightBoxで拡大の画像表示をキレイに表示できますが、これをCSS3の擬似要素（:target)を使って表示します。
HTML

<a href="#img1"..

CSS3で作られた優れたメニュー・ボタンを12個のテクニックを集めたもがあったので抜粋して紹介します。

Roll Your Own Google Buttons

CSS3-Only Tabbed Area

Rad..

一番上のがサンプルです。（もうサンプルビューが要らない感じですが
因みに上下左右に設置できます。
HTML

<a href="#"><img src="http://..

メールフォームなどでInputに背景に画像を指定して以下のCSSを書けるとIEでみると見事になくなっています。

DIV要素内のテキスト・コンテンツなどを上下中央に簡単にするCSSの紹介です。

Sample

CSS BUTTON
対応ブラウザ ◯ GoogleChrome/Safari , ▲ Firefox , × Opera IE