CSSスプライト技術(スプライト)

まず、技術的なウィザードは、背景を生成しました

 

  図は、ユーザーがWebサイトを訪れたとき、あなたは、概略的なページを要求するサーバーにユーザーに提示要求を通過するページ上の各画像をリクエストを送信する必要があります。

  しかし、一目は、多くの場合、小さな変更、などの背景画像を大量に使用しますと、Webページの画像が多すぎる、大幅にページの読み込み速度が低下します頻繁に送信された要求とを、受け入れるサーバー。効果的にページの読み込み速度を向上させるための要求を受信し、送信するサーバの数を減らすためには、(またCSSスプライト、CSSスプライトとして知られている)CSSスプライト技術が登場しました。

ウィザードの第二に、技術的な性質

  CSSスプライトは、Webページの背景画像を処理する方法です。それはすべて、ユーザーがページを訪れたときに、単にサービスに要求を送信するように、関連するページの背景画像が行くために大規模なマップに濃縮され、その後、大きな画像がページに適用されているページの背景画像を散乱しましたそれらのすべてを表示します。典型的には、背景画像が大きいスプライト(図スプライト)、Jingdongの部位を以下に示すスプライトを図と呼ばれる多数の小さなこと。

  

第三に、技術・ウィザードの使用

  CSSスプライトは、実際にはしかし、各ページ要素は通常、スプライトを特定するために、異なる位置の観点からのみの小さなスプライトを必要とする、大フィギュア(スプライト)にWebページの背景画像の一部を統合します小さなマップは、あなたはCSSを使用する必要があります背景画像、背景リピートのbackground-positionプロパティの背景の位置を、最も重要なは、正確に位置決めのbackground-positionプロパティを使用することです。

 

  ヒント:背景画像、いくつかの例は、ウィザードの技術を使用する必要はありません、メンテナンスコストが高すぎます。背景画像は以上であれば、我々は技術ウィザードの使用をお勧めすることができます。

おすすめ

転載: www.cnblogs.com/niujifei/p/11227567.html