-
雪碧图的实现原理查看全部
-
什么时候适合使用雪碧图查看全部
-
雪碧图生成工具地址:http://www.99css.com/archives/1524 其中配置项比较多,可以根据网站的提示完成配置工作查看全部
-
雪碧图生成工具:cssgaga将一组图片传进去之后,系统自动会拼成一张大图,并且会将每一个小图的坐标给出。查看全部
-
使用雪碧图的目的主要是为了:有效的减少http请求数量,加速内容显示查看全部
-
常规使用雪碧图的条件:1、静态图片,不随用户信息的变化而变化;2、小图片,图片容量比较小;3、加载量比较大查看全部
-
CSS 雪碧应用挑战查看全部
-
应用原理查看全部
-
css雪碧图实现方法 ps拼图 sprite小工具 CSS gaga查看全部
-
css 雪碧图查看全部
-
原理图查看全部
-
<body> <div class="container"> <form method="post" class="login-form"> <ul class="login"> <li> <input type="text" name="email" class="input-text" placeholder="邮箱/手机号/用户名"> </li> <li> <input type="text" name="email" class="input-text" placeholder="请输入密码"> </li> <li> <span><input type="checkbox" class="checkbox" name="autologin" id="autologin"><label for="autologin">下次自动登录</label></span> <a class="forget" href="#">忘记密码?</a> </li> <li> <input type="submit" class="login-btn" value=""> </li> <hr /> <li> <input type="button" class="reg-btn" value="" > </li> </ul> </form> </div>查看全部
-
<style> blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; list-style:none; } .container{ width:240px; background-color: #fff; margin:15px 15px 0 15px; border: 1px solid #d4d4d4; } .login-form{ display:block; padding: 15px; margin:10px; background-color: #ebf2fa; } li{ margin-bottom:12px; } .login-btn,.reg-btn { width: 190px; height: 38px; background: url(sp.png) no-repeat; } .login-btn{ background: url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg); } .reg-btn{ background: url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg); background-position:0 -38px; } .input-text{ width:185px; height:2em; text-indent:1.5em; } li label,a{ font-size:0.8em; } a{ color:blue; float:right; } .reg-btn{ margin-top:12px; margin-bottom:0; } hr{ border:1px solid #dedede; } </style>查看全部
-
雪碧图的生成 PS/SPRITE工具自动生成 CssGaga查看全部
-
使用雪碧图SPRITE: 1,静态图片,不随用户信息的变化而变化 2,小图片,图片容量比较小 3,加载量比较大(数量多) 多张小图拼装成雪碧图。 *一般大图不用雪碧图查看全部
举报
0/150
提交
取消