-
需要給每個i標簽引入背景圖片，然后進行圖片定位查看全部
-
使用css sprite 自動生成工具查看全部
-
sprite下載網址：www.99css.com/archives/1524查看全部
-
CSS display:inline和float:left兩者區別 ①display:inline:任何不是塊級元素的可見元素都是內聯元素。其表現的特性是“行布局”形式!(行布局:其表現形式始終以行進行顯示) ②float:left:指定元素脫離普通的文檔流而產生的特別的布局特性。并且float必需應用在塊級元素之上，也就是說浮動并不應用于內聯標簽。或者可以說如果應用了float這個元素將被指定為塊級元素。 那么兩者的區別顯而易見:display:inline元素不能設置寬高，因為它屬于行布局，其特性是在一行里進行布局，所以不能被設定寬高。 簡單的說就是float可以設置寬高，然而display:inline;雖然也會浮動，但是他不能設置寬高。查看全部
-
【雪碧圖的實現方式】 1、PS手動拼圖，缺點就是必須得自己再計算各個小圖的坐標 2、使用sprite工具自動生成，快速的建立雪碧圖的效果，優化設計 CSS sprite自動生成工具——CssGaga，windows環境下快速生成雪碧圖的工具 下載網址：http://www.99css.com/archives/1524查看全部
-
坐標系查看全部
-
【雪碧圖的實現原理】 css -- background position控制； x,y為負值，左上角頂點作為0.0坐標； 控制一個層可顯示的區域范圍大小，通過一個窗口，進行背景圖的滑動；查看全部
-
【使用CSS雪碧圖的原則】 1.靜態圖片，不隨用戶信息的變化而變化 2.小圖片，圖片容量比較小。＜3~5K 3.加載量比較大查看全部
-
<i></i>經常被寫的人用來放置小圖標 <h3>在淘寶首頁有H1/H2大標題的，H2是菜單欄大標題，H3就是菜單欄下面標簽 【去掉ul】 <style> ul{list-style:none} </style> 【給菜單欄加分割線】 1.<style> h3{margin:0;padding:0} ul{list-style:none;} li h3{font-size:14px;font-weight:400} li{ display:block; height:31px; line-height:31px; overflow:hidden; border-bottom:1px soild #dedede } .cat{width:150px; background:#f8f8f8; border:1px soild #bbb; } </style>查看全部
-
【雪碧圖的實現方式】 1、PS手動拼圖，缺點就是必須得自己再計算各個小圖的坐標 2、使用sprite工具自動生成，快速的建立雪碧圖的效果，優化設計 CSS sprite自動生成工具——CssGaga，windows環境下快速生成雪碧圖的工具 下載網址：http://www.99css.com/archives/1524查看全部
-
【雪碧圖的實現原理】 css -- background position控制； x,y為負值，左上角頂點作為0.0坐標； 控制一個層可顯示的區域范圍大小，通過一個窗口，進行背景圖的滑動；查看全部
-
【使用雪碧圖的原則】 1.靜態圖片，不隨用戶信息的變化而變化 2.小圖片，圖片容量比較小。＜3~5K 3.加載量比較大 一些大圖不建議拼成雪碧圖，可能會非常大，加載會很慢。 將網站的靜態圖片集成到一張背景圖片上，然后通過坐標來獲取圖片內容，以此來減少向服務器端的http請求次數，從而提高網頁的響應速度。 *在網頁上，每請求一次，就會和服務器鏈接一次，建立鏈接是要額外時間的查看全部
-
網頁上哪些元素會用雪碧圖？ 通常來說首頁的banner不會使用雪碧圖， 有純色背景的按鈕也不會做雪碧圖，直接用CSS樣式 一些icon也是字體， 動態的圖片一般不會用雪碧圖，一般用img標簽查看全部
-
使用雪碧圖的原因查看全部
-
雪碧圖的應用場景查看全部
舉報
0/150
提交
取消