新手写css常犯的8个错误

刚接触css的时候比较茫然，很多时候不知道如何开始，如何下手。拿到一个效果图，很多问题，困扰我们，怎样布局？绝对定位还是相对定位，选择什么标签？采取怎样的结构。.等等。.当然在写代码的过程中，会遇到很多问题，尤其是我们新手，对各方面只是不是很了解，更缺少经验，遇到问题常常手足无措。我想，我们在遇到问题的时候，要学会总结，避免下次再遇到还是犯相同的错误。

下面是自己在工作中，总结的一些容易犯的错误，

和解决技巧希望对css新手有帮助。

一、检查HTML元素是否有拼写错误、是否忘记关闭标签

再牛逼的高手也会犯这样的错误，因为当页面结构很复杂，嵌套很多层的时候，很容易搞丢关闭标签。尤其像我，习惯了在记事本里编写，就更容易出错。所以写的时候一定要仔细。

二、检查CSS是否正确

一般css常最常出现的错误就是样式和html中的属性名称不一致。导致明明写了样式，但是不起效果。

三、用background找到对应的层

我们在调试错误，尤其是调试浏览器的兼容性的时候，层嵌套的多，容易发生错位、重叠，这时候给关键的几个层添加上背景颜色，以示区别。这样有助于排除错误。

四、排除法确定错误位置

我们在写css编码的时候，一般都是做一点然后预览一下，这时候如果出现错误，我们可以删去新加的层，直到正常显示，以确定问题到底出在哪个层。

五、float元素务必指定width属性

很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为其指定width属性。

六、去除重复的样式