-
CSS Sprite雪碧圖： 1.為性能優化和減少請求數目而使用。一般用在網頁的導航條，登陸框等。一般大圖不會用到雪碧圖，它是按照需要來加載；動態的圖片一般也不會用雪碧圖。 2.使用雪碧圖的基本規則： a.靜態圖片，不隨用戶信息的變化而變化 b、小圖片，圖片容量比較小 c.加載量比較大的情況下，可拼裝成雪碧圖 大圖不建議拼裝 小圖拼成大圖的好處：有效減少對服務器的請求量，加速網頁內容的顯示（在網頁中，每請求一次，就會和服務器鏈接一次，建立鏈接需要額外的時間的）查看全部
-
拼合圖實現 1.ps手動將小圖拼成一張大圖，用鼠標拖動圖片來控制position（適合于小網站） 2.使用sprite工具自動生成（適合于大網站），可以返回每張小圖的坐標（工具：Css Gaga 還可將position的代碼寫好）下載網址：http://www.99css.com/archives/1524（需要配置的東西較多）查看全部
-
有效的減少http請求數，加快加載的速度查看全部
-
CssGaga 雪碧圖生成工具查看全部
-
1常用<i></i>來放小圖片 2為給小圖片設置background-position屬性，需要給<li>定義一個類名<li class="cat-數字"> 3去掉<ul>標簽下<li>標簽的小黑點，在<style>標簽下ul{list-style:none} 4不依賴于瀏覽器自身所設定的margin、padding，通過對<li>的行高已經margin、padding的設置來展示樣式以便在各個瀏覽器下效果相同：先將display屬性設置為block，否則設置行高什么的沒用，overflow：hidden可防止元素溢出； 5height與line-height設置成相同大小可實現垂直居中查看全部
-
拼合圖實現 1.ps手動將小圖拼成一張大圖，用鼠標拖動圖片來控制position（適合于小網站） 2.使用sprite工具自動生成（適合于大網站），可以返回每張小圖的坐標（工具：Css Gaga 還可將position的代碼寫好）下載網址：http://www.99css.com/archives/1524（需要配置的東西較多）查看全部
-
拼合圖實現 1.ps手動將小圖拼成一張大圖，用鼠標拖動圖片來控制position（適合于小網站） 2.使用sprite工具自動生成（適合于大網站），可以返回每張小圖的坐標（工具：Css Gaga 還可將position的代碼寫好）下載網址：http://www.99css.com/archives/1524（需要配置的東西較多）查看全部
-
使用雪碧圖的要求： 1.靜態圖片，不隨用戶信息的變化而變化 2.小圖片，圖片容量比較小。＜3~5K> 3.加載量比較大 好處：可以減少對服務器的請求量，加速網頁內容顯示查看全部
-
1常用<i></i>來放小圖片 2為給小圖片設置background-position屬性，需要給<li>定義一個類名<li class="cat-數字"> 3去掉<ul>標簽下<li>標簽的小黑點，在<style>標簽下ul{list-style:none} 4不依賴于瀏覽器自身所設定的margin、padding，通過對<li>的行高已經margin、padding的設置來展示樣式以便在各個瀏覽器下效果相同：先將display屬性設置為block，否則設置行高什么的沒用，overflow：hidden可防止元素溢出； 5height與line-height設置成相同大小可實現垂直居中查看全部
-
1常用<i></i>來放小圖片 2為給小圖片設置background-position屬性，需要給<li>定義一個類名<li class="cat-數字"> 3去掉<ul>標簽下<li>標簽的小黑點，在<style>標簽下ul{list-style:none} 4不依賴于瀏覽器自身所設定的margin、padding，通過對<li>的行高已經margin、padding的設置來展示樣式以便在各個瀏覽器下效果相同：先將display屬性設置為block，否則設置行高什么的沒用，overflow：hidden可防止元素溢出； 5height與line-height設置成相同大小可實現垂直居中查看全部
-
拼合圖實現 1.ps手動將小圖拼成一張大圖，用鼠標拖動圖片來控制position（適合于小網站） 2.使用sprite工具自動生成（適合于大網站），可以返回每張小圖的坐標（工具：Css Gaga 還可將position的代碼寫好）下載網址：http://www.99css.com/archives/1524（需要配置的東西較多）查看全部
-
雪碧圖原理 1.css backdround-position來控制 2.拼合背景圖的左上角為（0，0），拼合圖的小圖的坐標為負 3通過坐標值的改變可以控制一個層可顯示的區域范圍大小，通過一個窗口進行背景圖的滑動。(是在背景圖上方有一個視圖窗，視圖窗所在位置，那么其下方的圖就可以看到，而坐標控制移動的是下方的背景圖而非視圖窗。)查看全部
-
使用雪碧圖的要求： 1.靜態圖片，不隨用戶信息的變化而變化 2.小圖片，圖片容量比較小。＜3~5K> 3.加載量比較大 好處：可以減少對服務器的請求量，加速網頁內容顯示查看全部
-
CssGaga css雪碧圖生成工具查看全部
-
check查看全部
舉報
0/150
提交
取消