CSSファイルで定義した特定の要素（TAG）のスタイル指定を変更したい

他で指定したスタイル定義を変更あるいは、特定の箇所の定義を指定したい場合は、! importantを指定します。

! importantを特定することで、規則が重要なものとして指定され得ます。重要なものとして指定されたスタイルは、それがなけれが同等の重みの矛盾するスタイルを凌駕します。おなじように、制作者とユーザーの両者が重要な規則を特定するかもしれないので、重要なケースでは制作者の規則が読み手のものを上書きします。

要素の配置が上手く出来ないposition の指定

基準となるブロックにはposition: relative; を指定しないとブラウザーの枠がposition: absoluteの基準となります。逆にブラウザーを基準にしたい場合は、ひとつ外側のボックス要素にはposition:は指定しません。

解説ページ 要素の位置調整と表示 ：ＭＯＰＡのＣＳＳ   DIVを使いこなす

簡単に画像を重ねる。

CSSではbackground-imageは、あらゆる要素（TAG)に応用できます。これを使えば背景画像を自由に使えます。段落<P>に背景を指定

<p style=background-image: url(/images/foo.gif) >この段落の背景に画像を使ってみました。文章の背景に使う画像には模様や色合い濃さに注意が必要です。

画像に別の画像と文字を書く

 

画像の重ね合わせの応用

<divstyle="background-image: url('../images/madrid1.jpg'); width:434px; height:227px">
  <img border="0" src="../images/mopa-ll.gif" width="173" height="60">
  <p style="text-align: center"><font size="5">画像の重ね合わせの応用</font>
</div>