一、检查代码单词有没有错误?html标签是否闭合?
我们在进行网页设计的时候,html语言规范是首尾要闭合,如果仅仅写一个头< head >,那么末尾就应该有< /head >这样代码来完成整改网页头部的设计!可是很多设计师因为粗心大意,往往只写了一个头部,却忽略了闭合,导致CSS BUG的出现!当然这是在记事本下编写网页会出现的,现在只要使用一些专业的网页设计软件,比如frontpage,dreamweaver等等,代码的部分会通过颜色的提醒,不过对于某些设计师来说,第一次容易粗心大意,经过二次检查往往会能够避免,当然,更多的网页设计师在设计网页的时候,将css代码的单词少写了一个字母!所以这往往是导致出现CSS BUG问题的重要原因!
二、样式排除法
有些复杂的页面也许加载了 N 个外链 CSS 文件,那么逐个删除 CSS 文件,找到 BUG 触发的具体 CSS 文件,缩小锁定的范围。
对于刚才锁定的问题 CSS 样式文件,逐行删除具体的样式定义,定位到具体的触发样式定义,甚至是具体的触发样式属性。
三、检查CSS属性浏览器是否支持
虽然现代浏览器支持绝大部分的CSS 2.1规范和部分的CSS 3规范,但是在前面的章节也介绍过,有一些CSS属性还没有被浏览器广泛支持,因此在某个属性没有生效的时候,请确定浏览器是否支持。
四、 隔离问题
1、将有问题的地方突出出来,例如给元素加一个醒目的边框或者背景颜色。
2、如果增加了边框就可以解决问题,那么就是边距重叠的问题。
3、如果增加了背景,但是背景不显示,那么有可能是特殊性或者浮动元素没有闭合。
4、尝试修改一些属性,特别是会触发IE的hasLayout的属性,判断是否是IE常见的Bug。
参考资料: CSS错误排查方法 http://www.studyofnet.com/news/417.html
相关推荐
CSS检查工具很好用的 ,可以纠正CSS错误。检查CSS代码的正确性。
它可以通过在浏览器中检查站点的实时DOM并反向工程一个新的,更优雅的定义来捕获样式直至像素的方式来工作。 它解决了旧CSS样式相互冲突的问题。 在某一点之后,所有CSS似乎只能通过内部对抗来增长。 该...
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位...可以利用CleanCSS来检查 CSS的拼写错误。Cl
检查CSS是否书写正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。 3. 用删除法确定错误发生的位置 如果错误影响...
Features近一百条规则 —— 包括 stylistic 规则,例如检查冒号周边的空格,发现细微的编码错误,,例如无效十六进制颜色或重写简写属性支持最新 CSS 语法 —— 包括自定义属性等等一点也不霸道 —— 只应用你想要的...
一、检查代码单词有没有错误?html标签是否闭合? 我们在进行网页设计的时候,html语言规范是首尾要闭合,如果仅仅写一个头< head >,那么末尾就应该有< /head >这样代码来完成整改网页头部的设计!可是很多...
选择一个先进的浏览器进行测试是明智的做法,例如对CSS 2.1支持比较好的Opera 9.2、Firefox 2.0或者Safari 3.0,而不要使用IE 6作为唯一的测试浏览器,因为IE 6的问题是最多的,这非常不利于制作者(特别是初学者)...
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位...可以利用CleanCSS来检查 CSS的拼写错误。Cl
检查CSS是否书写正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。 3. 用删除法确定错误发生的位置 如果错误影响...
选中后,CSS Diff将在“最后检查”部分中显示它。 点击“比较”按钮,为另一个元素重复整个过程。 一旦选择了两个HTML元素,CSS Diff将显示它们之间的所有CSS差异。 错误和功能 如果您发现错误或有功能请求,请在...
前面文章介绍了给CSS初学者收集的技巧,这篇汇总下CSS初学者容易犯的错误。推荐阅读本站的XHTML教程专题内容。 在编写CSS样式时,常常会出现一些问题,有些问题可以很快得已解决,而有些问题可能会浪费我们很多的...
使用JavaScript(JS)实现的网页在线考试系统。纯html js css编写特点如下:可以检查错误率可以随机从题库中出n题来练习练习题答案的ABCD是随机换位置的题库在变量arr_topic中,是一个二维数组。
2. 检查CSS是否书写正确 检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。 CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。 3. 用删除法确定错误发生的位置 如果错误...
自定义页面外观,修复渲染错误,使网络成为您想要的样子。 -在浏览器中享受现代IDE功能。 -保存自定义样式并将其同步到您的Google帐户。从多台计算机访问它们。 -按需导出数据。 精选于:开发人员工具扩展中的...
可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的 工具,但也能检查出拼写错误。 3. 确定错误发生的位置 假如错误影响了整体布局,则可以逐个删除div块,直到删除某个div块后显示恢复正常,即可...
选择一个先进的浏览器进行测试是明智的做法,例如对CSS 2.1支持比较好的Opera 9.2、Firefox 2.0或者Safari 3.0,而不要使用IE 6作为唯一的测试浏览器,因为IE 6的问题是最多的,这非常不利于制作者(特别是初学者...
简洁的设计(是的,完全符合我们的需要)更改日志:v.1.0:修复了一些小错误v1.1:将RGB更改为十六进制v1.2:添加了在创建新窗口时重置存储的功能v1.3:-添加功能以比较2种不同CSS-添加设置以选择要显示v1.4的属性:...