-
Sprite雪碧圖使用規(guī)則查看全部
-
CSS Sprites其實(shí)就是把網(wǎng)頁中一些背景圖片整合到一張圖片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的組合進(jìn)行背景定位，background-position可以用數(shù)字精確的定位出背景圖片的位置查看全部
-
cssscrpite雪碧圖 靜態(tài)圖片，不隨用戶信息變化而變化。 小圖片，容量比較小 加載量比較大。（目的是：有效的減少http請求的數(shù)量） 大圖不建議拼成雪碧圖，加載時間長 [ 查看全文 ]查看全部
-
①display:inline:任何不是塊級元素的可見元素都是內(nèi)聯(lián)元素。其表現(xiàn)的特性是“行布局”形式!(行布局:其表現(xiàn)形式始終以行進(jìn)行顯示) ②float:left:指定元素脫離普通的文檔流而產(chǎn)生的特別的布局特性。并且float必需應(yīng)用在塊級元素之上，也就是說浮動并不應(yīng)用于內(nèi)聯(lián)標(biāo)簽?；蛘呖梢哉f如果應(yīng)用了float這個元素將被指定為塊級元素。 那么兩者的區(qū)別顯而易見:display:inline元素不能設(shè)置寬高，因為它屬于行布局，其特性是在一行里進(jìn)行布局，所以不能被設(shè)定寬高。 簡單的說就是float可以設(shè)置寬高，然而display:inline;雖然也會浮動，但是他不能設(shè)置寬高。查看全部
-
有幾個非常不錯的前端開發(fā)在線工具，分享給一起學(xué)習(xí)的小伙伴們，別忘了收藏，很實(shí)用。 （1）在線代碼測試工具：http://www.lvyestudy.com/tools/run_code.aspx； （2）在線調(diào)色板：http://www.lvyestudy.com/tools/color_picker.aspx； （3）CSS3圓角生成器：http://www.lvyestudy.com/tools/border_radius.aspx查看全部
-
*{margin:0;padding:0;} .inner{width:190px;background-color:#d5f4f5;padding:10px 20px;} .tp{width:190px;height:30px;text-indent:20px;} input[type="password"]{margin-top:10px;} p{font-size:12px;margin-top:10px;overflow:hidden;} p input{vertical-align:top;margin-right:4px;} p a{text-decoration:none;float:right;} input[type="button"]{width:190px;height:37px;border:0;margin-top:15px;cursor:pointer;} #login{background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);} #enroll{background:url(htt) 0 -37px;} hr{margin-top:20px;color:#f5f5ef;} </style> </head> <body> <div class="inner"> <form> <input class="tp" type="text" placeholder="郵箱/手機(jī)號/用戶名" /> <input class="tp"type="password" placeholder="請輸入密碼" /> <p> <input type="checkbox" />下次自動登錄<a href="javascript:;">忘記密碼?</a> </p> <input id="login" type="button"> <hr /> <input id="enroll" type="button"> </form> </div查看全部
-
sprite工具查看全部
-
①display:inline:任何不是塊級元素的可見元素都是內(nèi)聯(lián)元素。其表現(xiàn)的特性是“行布局”形式!(行布局:其表現(xiàn)形式始終以行進(jìn)行顯示) ②float:left:指定元素脫離普通的文檔流而產(chǎn)生的特別的布局特性。并且float必需應(yīng)用在塊級元素之上，也就是說浮動并不應(yīng)用于內(nèi)聯(lián)標(biāo)簽?；蛘呖梢哉f如果應(yīng)用了float這個元素將被指定為塊級元素。 那么兩者的區(qū)別顯而易見:display:inline元素不能設(shè)置寬高，因為它屬于行布局，其特性是在一行里進(jìn)行布局，所以不能被設(shè)定寬高。 簡單的說就是float可以設(shè)置寬高，然而display:inline;雖然也會浮動，但是他不能設(shè)置寬高。查看全部
-
雪碧圖使用規(guī)則查看全部
-
CSS display:inline和float:left兩者區(qū)別 ①display:inline:任何不是塊級元素的可見元素都是內(nèi)聯(lián)元素。其表現(xiàn)的特性是“行布局”形式!(行布局:其表現(xiàn)形式始終以行進(jìn)行顯示) ②float:left:指定元素脫離普通的文檔流而產(chǎn)生的特別的布局特性。并且float必需應(yīng)用在塊級元素之上，也就是說浮動并不應(yīng)用于內(nèi)聯(lián)標(biāo)簽。或者可以說如果應(yīng)用了float這個元素將被指定為塊級元素。 那么兩者的區(qū)別顯而易見:display:inline元素不能設(shè)置寬高，因為它屬于行布局，其特性是在一行里進(jìn)行布局，所以不能被設(shè)定寬高。 ...查看全部
-
sprite工具：sccgaga查看全部
-
雪碧圖 css cssgaga查看全部
-
placeholder 屬性提供可描述輸入字段預(yù)期值的提示信息（hint）。 該提示會在輸入字段為空時顯示，并會在字段獲得焦點(diǎn)時消失。 注釋：placeholder 屬性適用于以下的 <input> 類型：text, search, url, telephone, email 以及 password。 placeholder 屬性是 HTML5 中的新屬性。 cursor:pointer會使鼠標(biāo)放到上面時變成手的形狀。查看全部
-
<html> <head> <style type="text/css"> #bo{ width: 210px; height: auto; background: #99CCFF; } #i1{ margin: 10 0 10 10; width: 15px; height: 15px; } input{ height: 40px; width: 190px; margin: 10px; font-size: 10px; border-radius:4px; border: none;; text-indent: 20px } a{ margin-left: 20px; font-size: 10px; } button{ border: none; height: 37px; width: 190px; margin: 10px; background: url("http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg"); } .b2{ background-position:0 -38px ; } </style> </head> <body> <div id="bo"> <input type="" name="" id="" value="" placeholder="郵箱/手機(jī)號/用戶名"/><br /> <input type="" name="" id="" value="" placeholder="請輸入密碼"/><br /> <input type="checkbox" name="" id="i1" value="" >下次記住密碼</input><a href="#">忘記密碼?</a><br /> <button class="b1"></button><br /> <hr color="#fff" /> <button class="b2"></button> </div> </body> </html>查看全部
-
box-shadow:1px 1px 10px #ccc;1px代表XY軸，10px代表羽化，#ccc代表陰影顏色查看全部
舉報
0/150
提交
取消