首页 > Web开发 > 详细

编写css相关注意事项

时间:2015-12-16 23:01:21      阅读:345      评论:0      收藏:0      [点我收藏+]

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.回家了,明天接着更新。。。

编写css相关注意事项

原文:http://www.cnblogs.com/jlj9520/p/5052465.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!