1.属性清零,页面在浏览器中看起来不一样的原因都是因为浏览器对默认属性的解释不一样。所以都清一下。
*{margin:0;padding:0}
2.有浮动后,记得清除浮动
<div style="float:right">向右浮动</div>
<div style="clear:both"></div>
<div>下面的内容</div>
3.li.浏览器对于li的输出效果也是很恶心。所以最好加一句。
li{list-style-position:inside}
4.少用position.
我建议一开始作业面的人,不要动不动就用position.
其实float一开始足够用了。
在用position的时候一定要记住 absolute 和 relative 要成对的应用
<div style="position:relative">
<div style="position:absolute;top:5px;right:10px;">relative下面套absolute。不然这个div的定位圆点会是浏览器的左上角</div>
</div>
最严重的就这些了。
剩下的小bug,遇到具体情况在搜索就可以了。
少用生僻的css,可以翻翻人家的css文件,看看大家常用的是什么。比如说google的啊,baidu 的啊什么的。
温馨提示:答案为网友推荐,仅供参考