CSS-精靈：基本技術和有用的提示說明

現代的網站是快速，美觀，高效無論是在發展階段，並與客戶合作時。 作為一項規則，每個創建的在線資源的公司，尋求對自己的面子，吸引其設計，風格，可靠性，速度和其他屬性的遊客。

精靈有用的屬性

CSS-精靈可以同時提高網站的質量特徵和公司的形象。 在其核心，這不是太複雜的開發工具，但它確實加快了進程和資源開發，並且他們的工作速度。

除其他事項外，它簡化了代碼，並在一定意義上，它是可移植到其他資源，由於這樣的事實，所使用的CSS-精靈是因為近親相似，因為您可以使用相同的圖形理念，風格的設計元素的對話，結構和標籤的內容。

在網站發展的正常過程中做了很多照片。 很多時候，這些圖像佔用很少的空間，但始終是一個單獨的文件。 對於任何服務器的任何操作系統打開一個文件-該操作中，一個耗時的，但是，將不顯著相對於當一個文件被打開在13 13個像素時，文件是從16個圖片52由52個像素打開的不同而不同的時間，和。 在第一種情況下，你有16個文件和16開/讀取操作，在第二種情況下16個圖像將作為唯一一個打開文件的結果來獲得。

如果你創建一組關於這個問題的文件 （橫向菜單， 對話的形式，計算器按鍵日曆的設計元素...），這樣的圖像結合靈活移動從站點到站點。

缺點

當有球迷，太活潑推薦使用CSS精靈必然是那些誰正在認真研究這個問題，並清楚地表明，它始終是實際工作的老式方法。

事實上，如果有16幅圖像一個文件，而不是16開，/讀操作將是一個，而不是16的圖片文件。 但關鍵是，每個瀏覽器都有緩存，它加載的東西只能作為最後的手段。 此外，通常的頁面元素加載當您第一次訪問該頁面，然後只加載改變。

另一個方面。 典型地，該圖像被切割，而不是粘到一個文件中。 不知怎的，它已經開發出一種技術，不如說，自定義。 設計師創造的佈局和佈局使用他的作品：佈局切碎件。 反對者精靈相信，在一個文件中撿幾個圖像-消費活動，從而使總的頁面設計。

還有那些誰相信和優化HTTP的請求數，認為這個職業比CSS-精靈更加務實的開發商。

表示所有時間都無疑是重要的，但更重要的是觀點：應該合理限度內適用。

自動化和CSS-精靈

如果它沒有任何意義運行CSS精靈發生器，並得到設計的右側部分，則沒有什麼可以阻止簡單地彌補正常方式這一部分。 如果現有技術使得有必要切斷數百幅圖像，優選的是，繪製JavaScript的功能，其必要性將被從子畫面的期望區域選擇並顯示它。

但是，應該指出的是，兩個或三個元素，或其他十幾的精靈-沒事，但是當精靈數百圖紙，有的用編寫JavaScript功能的問題，當然，也不會發生，但它多少工作需要創造的這麼大的精靈......此外，膠圖片-這一個CSS雪碧發生器，使所需的圖像，並為它的CSS代碼，他不在乎多少會子畫面的構成要素。 改造現場設計變更，刪除和添加新的元素時，會出現問題。 開發一個精靈，你不應該去想如何使用它，它再怎麼改變。

使用精靈的主題受益

與CSS的編程語言，這是一個相對靜態組的所有動力學的規則及其功能的內容（標準）確定的規則。 考慮到複雜的，精靈 的HTML，CSS的 可創建庫的主題功能設計。

例如，菜單的漢化版：只需連接多個CSS規則，JS-功能，包括HTML-的div的碼數，就可以得到結果。 通過改變精靈的圖像的內容，您可以更改菜單的外觀。 指定函數體，你可以調整的功能。

獲得一種奇特的變種 面向對象編程（OOP）的。 當然，這將是一個好主意，但也不會太亮站出來反對其他OOP語言的背景下，方言真實。 只有在90年代早期，當巴解組織復興，並成為異常迅速在陽光的地方，這是一個具體的想法和表達的具體形式，但現在開發商都拿出盡可能多的方言，因為有不同的俄羅斯。

玩具 - 對於精靈富礦

興奮和編程-不相容的概念，但是編程技能，編寫遊戲，是從obschebytovoy（簡單加密）和創意（設計和新技術的發展，觀念）明顯不同。

遊戲設計吸引矢量圖形，因為SVG-精靈+ CSS規則不僅需求，但經常的組合成為開發商（部位），以一個真正的遊戲對象的對象。 尤其是熱門遊戲反恐精英適用於精靈的條款，噴霧劑相當有意義的別名：爆炸，血，視線...

短語“設置精靈的CSS V34”的啟動是很正常的，可以理解的。 精靈被發現不僅在使用該實用程序的，在本質上，也形成了一個利基，這是相當功能齊全，價格合理，易於理解消費者一定圓。

CSS-精靈：實施例

各種特定語言切換網站上的頁面選項被使用，但如果語言選擇為一個圖標進行，使用精靈的解決方案可能是這樣的：

明顯的缺陷精靈

首先，它是耗時且細緻的過程。 這是一件事-切設計成小塊，另-收集許多小的圖片。 應用畫布的想法，並將其放置在所有網站上使用的圖像是完全徒勞的。

即使使用CSS精靈發生器，無法避免的困難，特別是當它需要改變網站的設計。 添加在幾十精靈圖像-這不是元素的數組，該顯卡擁有圖形，它通常只是顯示在屏幕上，而不是整理出碼作為數組找到合適的項目。

標準和開發商跟隨他的要求，作為一個政策背景下使用的相關精靈，它只是一個背景圖片，而不是網站元素。 頁面的圖形構成元素應該操縱標籤img的。

這是很難在簡單的理由是，當有足夠的背景被認為是一個共同的背景一致。 這只是大背景下，無論是什麼-一個微型元件或整個頁面。

同時，圖形組件表示嚴重阻礙了使用精靈。

合理使用

儘管術語“互聯網技術”和“高科技”被認為是同義的，其實，這是費時，有時非常低技術含量的工作。 精靈沒有特別打扮相比，在JavaScript或PHP純粹的編程，以及在必要功能的開發等瓶頸，填補設置網站或信息，如背景創建歸檔副本的過程。

電源和使用內容管理系統的前景往往拉平實際應用的細微差別，和手動資源開發，作為一項規則，導致需要對1001個時間重寫一個或其他專有算法。

在這種情況下，它是簡單地合理的重要使用所有提供現代化的工具。 不要太急於使用了另一種，並在網站建設的黃金法則如下：你需要不考慮如何盡快通過工作成為可能，以及如何執行它，這樣在任何不可預見的情形的情況下能夠迅速解決任何問題。