-
Sprite雪碧图使用规则查看全部
-
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置查看全部
-
cssscrpite雪碧图 静态图片，不随用户信息变化而变化。 小图片，容量比较小 加载量比较大。（目的是：有效的减少http请求的数量） 大图不建议拼成雪碧图，加载时间长 [ 查看全文 ]查看全部
-
①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高，因为它属于行布局，其特性是在一行里进行布局，所以不能被设定宽高。 简单的说就是float可以设置宽高，然而display:inline;虽然也会浮动，但是他不能设置宽高。查看全部
-
有几个非常不错的前端开发在线工具，分享给一起学习的小伙伴们，别忘了收藏，很实用。 （1）在线代码测试工具：http://www.lvyestudy.com/tools/run_code.aspx； （2）在线调色板：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="邮箱/手机号/用户名" /> <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:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高，因为它属于行布局，其特性是在一行里进行布局，所以不能被设定宽高。 简单的说就是float可以设置宽高，然而display:inline;虽然也会浮动，但是他不能设置宽高。查看全部
-
雪碧图使用规则查看全部
-
CSS display:inline和float:left两者区别 ①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高，因为它属于行布局，其特性是在一行里进行布局，所以不能被设定宽高。 ...查看全部
-
sprite工具：sccgaga查看全部
-
雪碧图 css cssgaga查看全部
-
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。 该提示会在输入字段为空时显示，并会在字段获得焦点时消失。 注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。 placeholder 属性是 HTML5 中的新属性。 cursor:pointer会使鼠标放到上面时变成手的形状。查看全部
-
<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="邮箱/手机号/用户名"/><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
提交
取消