CSSの優先順位について｜クロノドライブ
上記の例も、sampleBox02の方が後に書かれているからsampleBox02が優先的に読み込まれてテキストの色は#666666になる…というわけではありません。今回の例の場合、sampleBox01がidセレクタによって指定されているため、classセレクタで指定されているsampleBox02よりも優先して読み込まれるようになっています。つまり、今回の例の場合だと、文字色は#999999になるわけです。 セレクタにはそれぞれ優先順位を決めるポイントが設定されており、そのポイントがより多いセレクタのスタイルが優先的に読み込まれるようになっています。その内訳は、 *（全称セレクタ） … 0ポイント p,h1など（タグセレクタ） … 1ポイント .sample（classセレクタ） … 10ポイント #sample（idセレクタ） … 100ポイント というようになっています。つまり、前
画像を用意しなくてもCSSだけでロールオーバー効果を表現するテクニック｜クロノドライブ
サンプルページ ここで使用されているopacityプロパティは、CSS3で追加される予定の透明度に関するプロパティであり、1を基準として、0に近付くほど透明度が高くなっていく仕様です。これをロールオーバー時のスタイルに適用することで、画像の透明度を上げ、ホバーで画像を変化させたような効果が得られるわけです。 IEではこのプロパティが利用できないため、IE独自のフィルタであるfilter: alphaを使用することで同様の効果を表現しています。 注意点としては、画像の透明度自体を上げるプロパティであるため、背景画像や背景色を指定している場合はそれらが透けてしまう可能性があるという点です。そういったデザインではない場合で、手軽にロールオーバーのような効果を表現したい場合は、上記のテクニックを使用してみてください。
高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ ： HTML/XHTML、CSSコーディング最安保障～クロノドライブ～
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
