1.对于开始写网站css之前一般都要对css进行重置(养成写注释的习惯):
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;} body{font-size:16px;} img{border:none;} li{list-style:none;} input,select,textarea{outline:none;border:none;background:none} textarea{resize:none;} a{text-decoration:none;} /*清除浮动*/ .clearfix:after{content:"";display:block;clear:both;} .clearfix{zoom:1;}
上面的红色标记为背景的css样式写法,主要是解决在IE6的浏览器中如果input标签的边框没有清掉的话,先清空其一个背景色,然后再把白色的背景色给它加上就可以解决了。
2.让input标签的文字居中,可以通过height+line-height+padding来设置,比如总的input标签的高度为36px,则css如下:
/*通过公式(36-16)/2来计算*/
input{width:100px;height:16px;line-height:16px;padding:10px 0 10px;}
针对IE浏览器对input标签的padding不支持问题(光标不在中间),这样就不用去算了:
input{width:100px;height:35px;line-height:35px\9;/* css hack \9代表所以的ie浏览器*/padding:0 5px;}
3.回家了,明天接着更新。。。
原文:http://www.cnblogs.com/jlj9520/p/5052465.html