PNG

pngイメージ。このdivの背景にもpngを使用。IE7.jsを適用すると、背景に指定したpngはタイル(リピート)表示されなくなる。background-repeatやposition等の設定も効かない。

PNG2(参考 IEのfilter使用)

背景だけなら、IEの"filter"を使ってpngを適用したほうが良さそう(IE5.5以上)。

 

:hover

<a>以外にも:hoverが指定できる!(これはdiv)

[attr]

a[href] <a>に指定

p[class^="green"] <p>に指定

span[class*="blue"] <span>に指定

font-size

この文章はx-smallです

この文章はsmallです

この文章は mediumです

この文章はlargeです

max-height:50pxを指定したdiv

行数が多くてもmix-heightで指定した高さを維持。

Over the last few years WordPress managed to become the dominating weblog engine out there. The main reasons behind its overwhelming success aren’t that astonishing: WordPress is extremely easy to use, it’s absolutely free and it has a huge community. But what is even more important is the fact that WordPress is an Open Source project.Over the last few years WordPress managed to become the dominating weblog engine out there. The main reasons behind its overwhelming success aren’t that astonishing: WordPress is extremely easy to use, it’s absolutely free and it has a huge community. But what is even more important is the fact that WordPress is an Open Source project.

幅500pxのdiv

min-height:200pxを指定したdiv

行数が少なくてもmix-heightで指定した高さを維持。

幅500pxのdiv

max-width:500pxを指定したdiv

文字量が多くても、max-widthで指定した値を維持。

Over the last few years WordPress managed to become the dominating weblog engine out there. The main reasons behind its overwhelming success aren’t that astonishing: WordPress is extremely easy to use, it’s absolutely free and it has a huge community. But what is even more important is the fact that WordPress is an Open Source project.Over the last few years WordPress managed to become the dominating weblog engine out there. The main reasons behind its overwhelming success aren’t that astonishing: WordPress is extremely easy to use, it’s absolutely free and it has a huge community. But what is even more important is the fact that WordPress is an Open Source project.

幅500pxのdiv

min-width:500pxを指定したdiv

ブラウザウィンドウの幅を変えてもmin-widthで指定した値以下にはならない。

幅500pxのdiv

min-height:500px max-width:500pxを指定したdiv

Over the last few years WordPress managed to become the dominating weblog engine out there. The main reasons behind its overwhelming success aren’t that astonishing: WordPress is extremely easy to use, it’s absolutely free and it has a huge community. But what is even more important is the fact that WordPress is an Open Source project.Over the last few years WordPress managed to become the dominating weblog engine out there. The main reasons behind its overwhelming success aren’t that astonishing: WordPress is extremely easy to use, it’s absolutely free and it has a huge community. But what is even more important is the fact that WordPress is an Open Source project.