-
雪碧圖查看全部
-
需要給每個i標簽引入背景圖片，然后進行圖片定位查看全部
-
完成頁面當中的展示列表HTML的結構代碼 1.注意標簽的語義化，無序列表需使用ul和li。 2.標題部分要使用h3標簽。 3.每個li結構當中會有一個i標簽用來展示icon。 為列表的容器添加class和樣式，同時reset列表本身的容器 1.注意要reset H3的默認樣式。 2.li和ul要去掉默認的樣式。 3.為ul的容器div增加class，并設置樣式。查看全部
-
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可防止元素溢出查看全部
-
實現原理：控制一個層，可顯示的區域范圍大小，通過一個窗口，進行背景圖的滑動。主要是在background-position上調整圖的位置查看全部
-
使用css sprite的條件： 1.靜態圖片，不隨用戶信息變化而變化。 2.小圖片，圖片容量比較小 3.加載量比較大。查看全部
-
初始化CSS樣式： blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul{ margin: 0; padding: 0; }查看全部
-
雪碧圖設計： 先對圖標區域設置背景圖 再將其相應區域撐開，即定義寬高 最后再逐個設置背景圖的位置坐標，即：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的設置來展示樣式以便在各個瀏覽器下效果相同：先將display屬性設置為block，否則設置行高什么的沒用，overflow：hidden可防止元素溢出；查看全部
-
CSS Sprite圖生成工具——CSS Gaga，下載地址：http://www.99css.com/archives/1524查看全部
-
通過css-background-position 屬性來設置的。 拼合背景圖的小圖（X，Y）為負值。 控制一個層，可顯示的區域范圍大小，通過一個窗口，進行背景圖的滑動。查看全部
-
小圖標拼成大圖有效的減少http請求數，加快加載的速度 在網頁中，每請求一次，就會和服務器鏈接一次，建立鏈接 需要額外的時間開銷 使用css sprite的條件： 1.靜態圖片，不隨用戶信息變化而變化。 2.小圖片，圖片容量比較小 3.加載量比較大。查看全部
-
結合結構簡單化查看全部
-
結合結構簡單化查看全部
-
實現原理：控制一個層，可顯示的區域范圍大小，通過一個窗口，進行背景圖的滑動。主要是在background-position上調整圖的位置查看全部
舉報
0/150
提交
取消