相思资源网 Design By www.200059.com
一、检查代码单词有没有错误?html标签是否闭合?
我们在进行网页设计的时候,html语言规范是首尾要闭合,如果仅仅写一个头< head >,那么末尾就应该有< /head >这样代码来完成整改网页头部的设计!可是很多设计师因为粗心大意,往往只写了一个头部,却忽略了闭合,导致CSS BUG的出现!当然这是在记事本下编写网页会出现的,现在只要使用一些专业的网页设计软件,比如frontpage,dreamweaver等等,代码的部分会通过颜色的提醒,不过对于某些设计师来说,第一次容易粗心大意,经过二次检查往往会能够避免,当然,更多的网页设计师在设计网页的时候,将css代码的单词少写了一个字母!所以这往往是导致出现CSS BUG问题的重要原因!
二、样式排除法
有些复杂的页面也许加载了 N 个外链 CSS 文件,那么逐个删除 CSS 文件,找到 BUG 触发的具体 CSS 文件,缩小锁定的范围。
对于刚才锁定的问题 CSS 样式文件,逐行删除具体的样式定义,定位到具体的触发样式定义,甚至是具体的触发样式属性。
三、检查是否有合适的DTD
不同的DOCTYPE直接影响浏览器对于(X)HTML和CSS的解释。
四、检查CSS属性浏览器是否支持
虽然现代浏览器支持绝大部分的CSS 2.1规范和部分的CSS 3规范,但是在前面的章节也介绍过,有一些CSS属性还没有被浏览器广泛支持,因此在某个属性没有生效的时候,请确定浏览器是否支持。
五、 隔离问题
1、将有问题的地方突出出来,例如给元素加一个醒目的边框或者背景颜色。
2、如果增加了边框就可以解决问题,那么就是边距重叠的问题。
3、如果增加了背景,但是背景不显示,那么有可能是特殊性或者浮动元素没有闭合。
4、尝试修改一些属性,特别是会触发IE的hasLayout的属性,判断是否是IE常见的Bug。
我们在进行网页设计的时候,html语言规范是首尾要闭合,如果仅仅写一个头< head >,那么末尾就应该有< /head >这样代码来完成整改网页头部的设计!可是很多设计师因为粗心大意,往往只写了一个头部,却忽略了闭合,导致CSS BUG的出现!当然这是在记事本下编写网页会出现的,现在只要使用一些专业的网页设计软件,比如frontpage,dreamweaver等等,代码的部分会通过颜色的提醒,不过对于某些设计师来说,第一次容易粗心大意,经过二次检查往往会能够避免,当然,更多的网页设计师在设计网页的时候,将css代码的单词少写了一个字母!所以这往往是导致出现CSS BUG问题的重要原因!
二、样式排除法
有些复杂的页面也许加载了 N 个外链 CSS 文件,那么逐个删除 CSS 文件,找到 BUG 触发的具体 CSS 文件,缩小锁定的范围。
对于刚才锁定的问题 CSS 样式文件,逐行删除具体的样式定义,定位到具体的触发样式定义,甚至是具体的触发样式属性。
三、检查是否有合适的DTD
不同的DOCTYPE直接影响浏览器对于(X)HTML和CSS的解释。
四、检查CSS属性浏览器是否支持
虽然现代浏览器支持绝大部分的CSS 2.1规范和部分的CSS 3规范,但是在前面的章节也介绍过,有一些CSS属性还没有被浏览器广泛支持,因此在某个属性没有生效的时候,请确定浏览器是否支持。
五、 隔离问题
1、将有问题的地方突出出来,例如给元素加一个醒目的边框或者背景颜色。
2、如果增加了边框就可以解决问题,那么就是边距重叠的问题。
3、如果增加了背景,但是背景不显示,那么有可能是特殊性或者浮动元素没有闭合。
4、尝试修改一些属性,特别是会触发IE的hasLayout的属性,判断是否是IE常见的Bug。
标签:
排查错误
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无CSS如何排查错误?从哪入手的评论...