刚接触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。