CSSの小技
- 2009/04/12 ： リンクのクリック範囲を広げる：CSS小技
- 2009/04/17 ： 画像の透明度を変化させる：CSS小技
- 2009/04/19 ： マウスをのせると画像が動く：CSS小技
- 2009/04/20 ： マウスをのせると文字が大きくなる：CSS小技
- 2009/04/21 ： 注釈（※）の文章をきれいに整える：CSS小技
- 2009/04/22 ： Firefoxのスクロールバーを常に表示する：CSS小技
- 2009/04/23 ： Firefoxのリンククリック跡を非表示にする：CSS小技
- 2009/04/24 ： 効果的に画像を重ねて使う方法：CSS小技
- 2009/04/26 ： サムネイル画像をきれいに並べる（1）：CSS小技
- 2009/04/26 ： サムネイル画像をきれいに並べる（2）：CSS小技
リンクのクリック範囲を広げる：CSS小技
CSSの小技（1）
ちょっとしたCSSの小技を、ご紹介していこうと思います。
さて、その記念すべき第一回目の CSS小技シリーズは、ナビゲーションメニューなどのリンクのクリック範囲を広げる方法です。
これ、けっこうクリックしやすくなるから好きなんすよね〜。やり過ぎると、ちょっと鬱陶（うっとう）しいですけどね。
画像の透明度を変化させる：CSS小技
CSSの小技（2）
今回の CSSの小技は、マウスのカーソルを画像の上にのせたときに、画像を半透明に見せる方法です。
リンク付き画像に、何かおもしろみのある効果を加えたいときなどに役立ちます。「あまり嫌味のない効果」なので、好まれるのではないかしら。
マウスをのせると画像が動く：CSS小技
CSSの小技（3）
今回の CSSの小技は、マウスのカーソルを画像の上にのせたときに、画像を動かす方法です。これは、目にしたことがある人も多いのではないかしら。
前回同様、リンク付き画像に、何かおもしろみのある効果を加えたいときなどに役立ちます。
マウスをのせると文字が大きくなる：CSS小技
CSSの小技（4）
今回の CSSの小技は、マウスのカーソルを文字の上にのせたときに、文字を大きくする方法です。
リンク付き文字を、大きくして強調する感じになります。
注釈（※）の文章をきれいに整える：CSS小技
CSSの小技（5）
「注釈（ちゅうしゃく）」って、ご存知でしょうか？あまり言葉と一致しない人もいらっしゃるかもしれませんが、次のような形式で書くものを注釈と言います。
※：「注釈」とは、補足や解説、ちょっとした留意点などを別途記述する文章のことです。
一般的に、「※（こめ印）」などを付けて、読み手が分かり良いように、ちょっとした補足を書くわけですね。
さて、今回の CSSの小技は、この注釈表示をしたときにうまいこと2行目を良い位置にインデントさせる方法です。
Firefoxのスクロールバーを常に表示する：CSS小技
CSSの小技（6）
これ、ご存知かしら？Firefoxは、情報がその画面内（縦）でおさまると、右側のスクロールバーを表示しない仕様になっているのです。
あなたは、「そんなん、どうでもええがな、好きにさせといたら」と思うかもしれません。
でもね、おっかさん。スクロールバーのあるページと、ないページを、交互にご覧になってみてくださいな。レイアウトが、ガックンガックンするはずです。
そこで今回の CSSの小技は、Firefoxの右側のスクロールバーを、常に表示させる方法をご紹介いたします。
Firefoxのリンククリック跡を非表示にする：CSS小技
CSSの小技（7）
Firefoxにてリンクをクリックすると、リンクの回りに点線が表示されます。
点線によって分りやすい場合もありますが、点線の跡が残ると、デザイン的に好ましくない場合もあるのではないでしょうか。
今回の CSSの小技は、そのリンク回りに残る点線を、非表示にする方法をご紹介いたします。
効果的に画像を重ねて使う方法：CSS小技
CSSの小技（8）
画像を重ねて表示したい場合は、1枚は CSS（background-image）で、もう 1枚を HTMLで指定するという方法が一般的ではないかしら。
ただそれは、1箇所くらいなら、良いのですが、複数箇所となると、その度に CSSを更新する手間があり、また何より CSSファイルが大きくなってしまって、運営上も好ましくありません。
そこで、今回の CSSの小技は、background-imageを使わずに画像を重ねて使う方法をご紹介いたします。
何の話なのだか分からないかもしれませんが、ご覧いただくと「あ、こういうことにも使えるかも！」という発見があるかもしれません。
サムネイル画像をきれいに並べる（1）：CSS小技
CSSの小技（9）
今回の CSSの小技は、サムネイル画像をきれいに並べる方法です。
ちなみに、サムネイルというのは、複数の画像を小さめにして、四角いタイルのように並べて表示することをいいます。
一般的に、その小さい画像をクリックすると、元の大きい画像が表示されるような仕組みです。
多数の写真を、ブログにきれいに並べて掲載したい人などに、役立つのではないかしら。
