您当前的位置: 首页 » DIV+CSS编程 » 新手写css常犯的8个错误
新手写css常犯的8个错误
论坛链接
刚接触css的时候比较茫然，很多时候不知道如何开始，如何下手。拿到一个效果图，很多问题，困扰我们，怎样布局？绝对定位还是相对定位，选择什么标签？采取怎样的结构。.等等。.当然在写代码的过程中，会遇到很多问题，尤其是我们新手，对各方面只是不是很了解，更缺少经验，遇到问题常常手足无措。我想，我们在遇到问题的时候，要学会总结，避免下次再遇到还是犯相同的错误。
下面是自己在工作中，总结的一些容易犯的错误，
和解决技巧希望对css新手有帮助。
一、检查HTML元素是否有拼写错误、是否忘记关闭标签
再牛逼的高手也会犯这样的错误，因为当页面结构很复杂，嵌套很多层的时候，很容易搞丢关闭标签。尤其像我，习惯了在记事本里编写，就更容易出错。所以写的时候一定要仔细。
二、检查CSS是否正确
一般css常最常出现的错误就是样式和html中的属性名称不一致。导致明明写了样式，但是不起效果。
三、用background找到对应的层
我们在调试错误，尤其是调试浏览器的兼容性的时候，层嵌套的多，容易发生错位、重叠，这时候给关键的几个层添加上背景颜色，以示区别。这样有助于排除错误。
四、排除法确定错误位置
我们在写css编码的时候，一般都是做一点然后预览一下，这时候如果出现错误，我们可以删去新加的层，直到正常显示，以确定问题到底出在哪个层。
五、float元素务必指定width属性
很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为其指定width属性。
六、去除重复的样式
很多时候我们在头部声明公共样式，然后写到下面自己就忘记了。比如我们在开始声明了img{border:none;}
然后在遇到img标签的时候，又写了一遍。应该避免这种情况。
七、注意编码格式
一般情况下，我们用的编码格式有：gb2312和UTF8两种。没有优劣之分。但是不能混着用。很多编辑器默认的事UTF8格式的。
八、链接样式的书写顺序
很多人在写了链接样式以后，点击后颜色不是自己要的结果，这时候就要检查下，链接样式的书写顺序了。正确的书写顺序应该是：L-V-H-A。
下面是自己在工作中，总结的一些容易犯的错误，
和解决技巧希望对css新手有帮助。
一、检查HTML元素是否有拼写错误、是否忘记关闭标签
再牛逼的高手也会犯这样的错误，因为当页面结构很复杂，嵌套很多层的时候，很容易搞丢关闭标签。尤其像我，习惯了在记事本里编写，就更容易出错。所以写的时候一定要仔细。
二、检查CSS是否正确
一般css常最常出现的错误就是样式和html中的属性名称不一致。导致明明写了样式，但是不起效果。
三、用background找到对应的层
我们在调试错误，尤其是调试浏览器的兼容性的时候，层嵌套的多，容易发生错位、重叠，这时候给关键的几个层添加上背景颜色，以示区别。这样有助于排除错误。
四、排除法确定错误位置
我们在写css编码的时候，一般都是做一点然后预览一下，这时候如果出现错误，我们可以删去新加的层，直到正常显示，以确定问题到底出在哪个层。
五、float元素务必指定width属性
很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为其指定width属性。
六、去除重复的样式
很多时候我们在头部声明公共样式，然后写到下面自己就忘记了。比如我们在开始声明了img{border:none;}
然后在遇到img标签的时候，又写了一遍。应该避免这种情况。
七、注意编码格式
一般情况下，我们用的编码格式有：gb2312和UTF8两种。没有优劣之分。但是不能混着用。很多编辑器默认的事UTF8格式的。
八、链接样式的书写顺序
很多人在写了链接样式以后，点击后颜色不是自己要的结果，这时候就要检查下，链接样式的书写顺序了。正确的书写顺序应该是：L-V-H-A。