-
.cat-2 i{ background:url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg); background-position:0 -24px; }查看全部
-
<style> *{margin:0px;padding:0px;} .cat{ width:150px; background:#f8f8f8; border:1px solid #bbb; } li h3{ font-size:15px; font-weight:400; } ul{list-style:none;} li{ text-align:center; display:block; height:31px; line-height:31px; border-bottom:1px solid #dedede; overflow:hidden; } </style>查看全部
-
不是設置<h3>高度來進行布局,去掉h3margin padding。而是使用<li>的margin padding以及display:block;height:;進行布局查看全部
-
CSS sprite實現方式: 1.PS手動拼圖 2.使用sprite工具自動小圖集成大圖,并返回position,如cssGaga工具 下載地址:http://www.99css.com/1524/查看全部
-
position原理查看全部
-
雪碧圖適用場景查看全部
-
background-size的問題?查看全部
-
搭建框架查看全部
-
還事沒有養(yǎng)成習慣查看全部
-
就好查看全部
-
雪碧圖工具和下載地址查看全部
-
每http請求一次,就會和服務器連接一次,而建立連接時需要額外的時間開銷 CSS Sprite使用優(yōu)化:有效的減少http請求數量,加速內容顯示 CSS Sprite 使用規(guī)則: 1、靜態(tài)圖片,不隨用戶信息的變化而變化(通常在網站上以常態(tài)的形式存在) 2、小圖片,圖片容積比較小 3、3K-5K容量,網站加載量比較大 (一些大圖不建議使用Sprite圖,用戶加載量較大)查看全部
-
www.99css.com/archives/1524 CSSGAGA 快速生成Sprite查看全部
-
雪碧圖坐標系查看全部
-
雪碧圖的應用場景查看全部
舉報
0/150
提交
取消