-
background:url(); background-position: x?px y?px;查看全部
-
Sprite雪碧圖的適用場(chǎng)景:查看全部
-
icon-font 純色背景 icon 大圖片，獨(dú)立加載 只有個(gè)別小圖片，才會(huì)使用sprite icon查看全部
-
Sprite雪碧圖的適用場(chǎng)景查看全部
-
一般不依賴(lài)標(biāo)簽的原生樣式，而是統(tǒng)一重置，有利于消除原生標(biāo)簽在不同瀏覽器中顯示的差別查看全部
-
css sprite合成時(shí)可以用在線(xiàn)合成工具，查看每個(gè)小圖標(biāo)的坐標(biāo)，使用時(shí)設(shè)置好小盒子或者li表格的寬度和高度，用background:url() 0 0 norepeat;把相應(yīng)的坐標(biāo)填進(jìn)去即可查看全部
-
<html> <head> <!--準(zhǔn)備一個(gè)空白的HTML頁(yè)面，同時(shí)完成css reset樣式 --> <!--補(bǔ)充完整的樣式--> <style> ul{ list-style:none; } h3{ margin:0; padding:0; } li h3{ font-size:14px; font-weight:400; } li{ display=block; Height:31px; Line-height:31px; Overflow:hidden; Border-bottom:1px solid #dedede } .cat{ width:150px; background:#f8f8f8; border:1px solid #bbb; } </style> </head> <body> <!--添加列表的結(jié)構(gòu)--> <div class="cat"> <ul class> <li> <h3>服裝內(nèi)衣</h3> </li> <li> <h3>鞋包配飾</h3> </li> <li> <h3>運(yùn)動(dòng)戶(hù)外</h3> </li> <li> <h3>珠寶手表</h3> </li> <li> <h3>手機(jī)數(shù)碼</h3> </li> <li> <h3>家電辦公</h3> </li> <li> <h3>護(hù)膚彩妝</h3> </li> <li> <h3>母嬰用品</h3> </li> </ul> </div> </body> </html>查看全部
-
原理：控制一個(gè)層可顯示區(qū)域范圍大小，通過(guò)窗口滑動(dòng)背景圖片查看全部
-
2、小圖片，圖片容量比較小查看全部
-
什么時(shí)候使用雪碧圖？ 1、靜態(tài)圖片，不隨用戶(hù)信息的變化而變化查看全部
-
下載雪碧圖生成器查看全部
-
雪碧圖快速生成查看全部
-
大圖不適合雪碧圖查看全部
-
我的練習(xí)題，光看沒(méi)練，還是沒(méi)得好熟悉查看全部
-
雪碧圖快速生成工具--CssGaga查看全部
舉報(bào)
0/150
提交
取消