首页 / CSS / 编写css相关注意事项

编写css相关注意事项

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了编写css相关注意事项，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含859字，纯文字阅读大概需要2分钟。

内容图文

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

内容总结

以上是互联网集市为您收集整理的编写css相关注意事项全部内容，希望文章能够帮你解决编写css相关注意事项所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1322157.html

来源：【匿名】