-
雪碧圖查看全部
-
需要給每個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
提交
取消