[B! css sprite] marineroのブックマーク

ひでぶろぐ。 csssprite

[PR] 今日のニュースは？？ : 2ch自動まとめキュレクス [PR] 名言や格言をどうぞ！ : 名言満載！ [PR] 副業したい？ : 出張ホスト募集中 [PR] SEO最高峰のクオリティー : 知る人ぞ知る、SEOUP.com。テラプレミアムアクトは抜群におすすめ！ [PR] 口コミ対策 : 口コミでSEO対策。なんとびっくり、1円からご利用頂けます。 [PR] 出張キャバクラアゲハ : ちょっとした飲み会のお供に。デートのお相手に。 CSS sprite を使うときによく迷うのでメモ。例えば、グローバルメニューを ul li タグを使い横並びに表示させたい場合の書き方。 .gmenu { text-indent:-999px; list-style:none; margin:0px; padding:0px; } .gmenu li { float: left; margi

marinero 2010/09/09

css sprite

リンク

CSS sprite ～CSSスプライト～ | よら’s atelier - 楽天ブログ

CSS sprite ～CSSスプライト～ブログやホームページを作る際、多くのページで画像を使われると思います。使い方も様々で、そのままベタ置きしたり、ボタンとして使ったり、背景として使ったり。しかし、文字と違って容量が大きいので使いすぎるとページ自体が重くなり、PCスペックによってはそのページの描画にえらく時間が掛かりかねません。一般的に7秒を越えると、ほとんどの人がストレスを感じると言われています。ガチガチのユーザーはもっと短くなるでしょう。なのでウェブページの表示は少しでも早く、少しでも軽快にすることが大事になってきます。では、どうやって早く表示させるようにするか。方法はいろいろとあります。原因がいろいろなので当然ですね。その原因の中で、「画像の数が多すぎる」場合のテクニックを一つ紹介します。【CSS sprite】例えば上記のようなボタンをホームページに組