-
CSS Sprite雪碧圖運用 1，靜態圖片，不隨用戶信息的變化而變化 2，小圖片，圖片容量比較小 3，加載量比較大 4，大圖不建議拼成雪碧圖 有效的減少http的請求數量，加速內容顯示（每請求一次，就會和服務器連接一次，建立連接是需要額外的時間開銷的）查看全部
-
登錄框查看全部
-
第四象限，x+，y-查看全部
-
雪碧圖設計： 先對圖標區域設置背景圖 再將其相應區域撐開，即定義寬高 最后再逐個設置背景圖的位置坐標，即：background-position屬性查看全部
-
1常用<i></i>來放小圖片 2為給小圖片設置background-position屬性，需要給<li>定義一個類名<li class="cat-數字"> 3去掉<ul>標簽下<li>標簽的小黑點，在<style>標簽下ul{list-style:none} 4不依賴于瀏覽器自身所設定的margin、padding，通過對<li>的行高以及margin、padding的設置來展效果式以便在各個瀏覽器下效果相同：先將<li>display屬性設置為block，否則設置行高什么的沒用;將height和line-height設置為相同高度是文字垂直居中,overflow：hidden可防止元素溢出查看全部
-
實現方式： ps手動拼圖 使用sprite工具自動生成 CSS Sprite自動生成工具——CSSGaga（http://www.99css.com/1524/）查看全部
-
background-position查看全部
-
控制一個層可顯示的區域范圍大小，通過一個窗口，就行背景圖的滑動。查看全部
-
CSS Sprite雪碧圖運用 1，靜態圖片，不隨用戶信息的變化而變化 2，小圖片，圖片容量比較小 3，加載量比較大 4，大圖不建議拼成雪碧圖 有效的減少http的請求數量，加速內容顯示（每請求一次，就會和服務器連接一次，建立連接是需要額外的時間開銷的）查看全部
-
定了width:100%;的元素最好不要設置左右padding和margin了，因為width100%的意思是此元素寬度（當然，從定義上，只是content區的寬度）是父元素content區寬度的100%，不包含padding和margin，如果padding和margin有了寬度，那么總長度便會超出父元素content的100%，表現為超出父元素容器范圍（超出content）,所以應保證元素的總長度和父元素content區長度一致；另外，可以設置元素內外邊距為百分比，此時他們的寬度是相對于父元素width來計算的，例如可以設置：width:95%;padding:0 2.5%;查看全部
-
display:inline的元素定義float屬性即可設置寬高查看全部
-
使用css sprite的條件： 1.靜態圖片，不隨用戶信息變化而變化。 2.小圖片，圖片容量比較小(3k~5k) 3.加載量比較大。查看全部
-
2015/6/20查看全部
-
登錄框查看全部
-
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可防止元素溢出查看全部
舉報
0/150
提交
取消