-
通過css-background-position 屬性來設置的。 拼合背景圖的小圖(X,Y)為負值。 控制一個層,可顯示的區域范圍大小,通過一個窗口,進行背景圖的滑動。查看全部
-
使用雪碧圖的條件: 1、靜態圖片,不隨用戶信息的變化而變化。 2、小圖片,圖片容量比較小。 3、加載量比較大 一些大圖不建議拼成雪碧圖 可有效的減少http請求數量,加速內容顯示。 原因:每請求一次,就會和服務器鏈接一次,建立鏈接是需要額外時間的。查看全部
-
/*以下三條摘自張鑫旭博客,解決文字與復選框對齊問題*/ vertical-align:middle; margin-top:-2px; margin-bottom:1px;查看全部
-
樓上的難道沒發現你的按鈕按不動嗎?你的button拼成了bottom。。。。查看全部
-
實現原理: 通過css-background-position 屬性來設置的。 拼合背景圖的小圖(X,Y)為負值。 控制一個層,可顯示的區域范圍大小,通過一個窗口,進行背景圖的滑動。查看全部
-
使用雪碧圖的條件: 1、靜態圖片,不隨用戶信息的變化而變化。 2、小圖片,圖片容量比較小。 3、加載量比較大 一些大圖不建議拼成雪碧圖 可有效的減少http請求數量,加速內容顯示。 原因:每請求一次,就會和服務器鏈接一次,建立鏈接是需要額外時間的。查看全部
-
font-weight:400;不用加單位px查看全部
-
1.注意要reset H3的默認樣式。 2.li和ul要去掉默認的樣式。 3.為ul的容器div增加class,并設置樣式。查看全部
-
<title>float-inline</title> <style> *{text-align:center;padding:4px;} div,p{text-align:left;} span{background:#f5f5f5;border-left:1px#eeesolid; border-top:1px#eeesolid;border-right:1px#cccsolid; border-bottom:1px#cccsolid;} ul#inline li{display:inline;list-style:none; border-left:1px#cccsolid;width:300px;background:#f5f5f5;height:200px;} ul#float li{float:left;display:inline;list-style:none; border-left:1px#666solid;width:300px;background:#f5f5f5; height:200px;} </style> </head> <body> <span > span為內聯/inline元素,給他寬度賦值是沒有效果的。</span> <span >span為內聯/inline元素, 給他寬度賦值100px+float:right;可以看到有了寬度。</span> <div> <p>這個li被定義為內聯/inline,設置寬和高度沒有效果</p> <ul id="inline"> <li>test</li> <li>test</li> </ul> </div> <div> <p>這個li被定義為內聯/inline+float:left,設置寬和高度有效果</p> <ul id="float"> <li>test</li> <li>test</li> </ul> </div> </body> </html>查看全部
-
cssGaga工具生成雪碧圖查看全部
-
網頁打開速度加快查看全部
-
居然沒用到清除浮動=。=查看全部
-
雪碧圖查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> <style type="text/css"> *{margin:0;padding:0;} .cat{width:200px;} </style> </head> <body> <div class="cat"> <form> <input class="login" type="text" placeholder=" 郵箱/手機號/用戶名"><br/> <input class="login" type="password" placeholder=" 請輸入密碼"><br/> </form> <input type="checkbox"><span class="caution">下次自動登錄</span><a class="forget" herf="http://safe.renren.com/findPass.do">忘記密碼?</a><br/> <input class="sub-login" type="submit"><br/> <input class="register" type="submit"><br/> </div> </body> </html>查看全部
-
<i></i>添加圖標簽查看全部
舉報
0/150
提交
取消