コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS sprite_html/css_WEB-ITnoseの実装

CSS sprite_html/css_WEB-ITnoseの実装

WBOY
リリース： 2016-06-24 11:42:53
オリジナル
970 人が閲覧しました

css スプライト

CSS スプライトを使用する理由?

Web ページ上の多くの 小さな静的画像 は、読み込み時に大量の http リクエストを必要とし、応答時間が長くなります。 (笑、Yahoo の 34 の最適化ルールの最初です)

css 背景位置: x, y


1. ブロック要素のサイズを設定します

2. 3. 小さい画像の対応する位置の外観を実現する (多数の小さい画像から構成される大きな画像)

CSS スプライトを自動生成するツール: cssgaga

関連ラベル：
css sprite的实现
ソース：php.cn
前の記事：Atitit.ui コントロール - ドロップダウン メニュー選択コントロールの実装 select html_html/css_WEB-ITnose 次の記事：css3 フォントの回転_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
9
1588
グリッドを使用してこの特定のデザインを作成する: ステップバイステップ ガイド この画像に似たレイアウトを作成しようとしています。このグリッドを使用してみましたが、実現できません。 <ulclass="container">&l...
から 2024-04-06 20:29:08
0
2
492
livewire遅延プレースホルダーでlaravelコンポーネントを使用する方法 laravel コンポーネントのスケルトンを livewire3 プレースホルダー内に追加したい これまでに試したこと: Laravel コンポーネントを含めることによる Live...
から 2024-04-06 20:02:10
0
2
543
MySQL でグループ化してカウントするにはどうすればよいですか? 友人に送信され、削除されていないメッセージの合計数を抽出するクエリを作成しようとしています。これはテーブル構造のスクリーンショットです。 達成したい出力は次のとおりです。 idme...
から 2024-04-06 18:30:17
0
1
353
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート