-
提示: 1.注意要reset H3的默認樣式。 2.li和ul要去掉默認的樣式。 3.為ul的容器div增加class,并設置樣式。查看全部
-
Sprite雪碧圖生成工具——CSS Gaga,下載地址:http://www.99css.com/archives/1524查看全部
-
codeeee查看全部
-
lallll查看全部
-
Q:自定義樣式,關于checkbox ⊙︿⊙查看全部
-
code查看全部
-
code查看全部
-
雪碧圖坐標查看全部
-
適用范圍查看全部
-
使用雪碧圖的規則 使用雪碧圖能共有效的減少http請求數量,加速內容顯示 左上角定點作為(0,0)坐標查看全部
-
雪碧圖使用條件查看全部
-
使用情境查看全部
-
CSS3 Sprit雪碧圖設計 /*h3 ul 有瀏覽器默認的margin和padding,需要重新設置*/ h3,ul{ padding: 0;margin: 0; } /*添加雪碧圖*/ /*為了解決ie6的雙margin bug*/ /*同時設置float和外邊距margin時,在ie6中margin值會加倍,解決辦法是加display:inline*/ li i{ background: url("sidebar.png"); display: inline; width: 30px; height: 24px; float: left; margin: 3px 10px 0 0; } .cat-1 i{ background-position: 0 0; } .cat-2 i{ background-position: 0 -24px;/*-41px -24px */ } <div class="cat"> <ul> <li class="cat-1"><i></i><h3>服裝內衣</h3></li> <li class="cat-2"><i></i><h3>鞋包配飾</h3></li>查看全部
-
雪碧拼合圖實現 1.ps手動將小圖拼成一張大圖,用鼠標拖動圖片來控制position(適合于小網站) 2.使用sprite工具自動生成(適合于大網站),可以返回每張小圖的坐標(工具:Css Gaga 還可將position的代碼寫好)下載網址:http://www.99css.com/archives/1524(需要配置的東西較多)查看全部
-
CSS Sprite雪碧圖的原理: 1.css backdround-position來控制 2.拼合背景圖的左上角為(0,0),拼合圖的小圖的坐標為負 3通過坐標值的改變可以控制一個層可顯示的區域范圍大小,通過一個窗口進行背景圖的滑動。查看全部
舉報
0/150
提交
取消