清除input的样式 input{padding:0;margin:0; background:none; border:0;}

当用到css精灵的时候可以将要命名的那些图片都命名为一个名字的类和另外的分类 li class='box one'box类名和其他相同，都加入一张css精灵合成的图片，后面分类那么就只用加位置就行了

1、上下图去间距 img { outline-width:0px; vertical-align:top; } 2、左右图去间距 img { border:0px; float:left; }

1、对输入框的文字居中，可用内边距来设定，也可用行高来确定，如line-height:32px/9;； 2、对单选框和复选框对其问题，可以直接使用margin属性来暴力定位，或者使用top属性来定位，但要同时给position:relative;； 3、多个元素居中对其，神操作是同时对这几个元素设置vertical-align:middle;属性； 4、表单左侧统一对齐，可直接设置同一span标签，且设固定宽度，并在里面添加内容即可，对于没有内容的，必须使用&nbsp空格转义字符代替（ie下会需要）。

CSS清除浮动大全共8种方法 http://www.jb51.net/css/173023.html 清除浮动常用方法: 方法一：添加新的元素 、应用 clear：both； 方法二：父级div定义 overflow: auto; 方法三： 据说是最高大上的方法 :after 方法：（注意：作用于浮动元素的父亲） 先说原理：这种方法清除浮动是现在网上最拉风的一种清除浮动，他就是利用:after和:before来在元素内部插入两个元素块，从面达到清除浮动的效果。其实现原理类似于clear:both方法，只是区别在于:clear在html插入一个div.clear标签，而outer利用其伪类clear:after在元素内部增加一个类似于div.clear的效果。下面来看看其具体的使用方法： .outer {zoom:1;} /*==for IE6/7 Maxthon2==*/ .outer :after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;} /*==for FF/chrome/opera/IE8==*/ 其中clear:both;指清除所有浮动；content: '.'; display:block;对于FF/chrome/opera/IE8不能缺少，其中content（）可以取值也可以为空。visibility:hidden;的作用是允许浏览器渲染它，但是不显示出来，这样才能实现清楚浮动。 /*清浮动*/ .clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden; }; /*for IE/Mack*/ .clearfix{ display:inline-block; }

input{background:none;border:none;outline:none;} Js实现购物数量加减 <script> window.onload=function(){ document.getElementById("plusOne").onclick=function(){ var textNum = document.getElementById("textNum").value; if(textNum>=0){ textNum=parseInt(textNum)+1; document.getElementById("textNum").value=textNum; }else{ alert("不能小于0"); } } document.getElementById("minusOne").onclick=function(){ var textNum = document.getElementById("textNum").value; if(textNum>0){ textNum=parseInt(textNum)-1; document.getElementById("textNum").value=textNum; }else{ alert("不能小于0"); } } } </script>