css雪碧技術的用法。

2022-05-21 07:03:40 字數 410 閱讀 3122

---恢復內容開始---

在目前前端開發階段,頁面會出現大量的小,伺服器載入的時候比較吃力,怎麼用 一種辦法把都合併到一張上呢?這就用到了css雪碧技術。

雪碧技術是雪碧團隊開發,也有人叫它css精靈,是一種css影象合併技術,該方法的原理是將小和背景合併到一張上,然後利用css的背景定位愛顯示需要顯示的部分。

現在使用 **來更詳細的介紹雪碧技術。

<

div>

<

div>

div>

div>

先給小div來個id  id="xiao".

#xiao

當出現在我們的小div裡的時候  就停止除錯。

背景可以反覆使用  效果槓槓滴。

---恢復內容結束---

shell的高階程式設計 二兩雪碧

shell的高階程式設計 關於for for 變數名字 in 列表 do 迴圈體done 例如for for name in words do commands don其中前面的name就是個變數名,而且不需要加 每次迴圈和中間列表中的值有關,中間的列表可以使用花括號來表示指定範圍,也可以使用一些命...

CSS 懸停的用法

在css樣式中的總定義 centerblock centerblock left centerblock right leftmenu li span leftmenu li 左選單欄裡的所有內容 leftmenu li a li裡的所有a的變化 1.對左選單欄裡的li懸停 leftmenu li ...

css 精靈的用法

主要使用css background position 屬性。語法示例 viploginbutton viploginbutton hover viploginbutton active border 0px是讓按鈕的邊框消失,cursor pointer是讓滑鼠懸停時變成小手模樣。先要指定元素的寬...