CSS如何排查错误？从哪入手

ttx9n · 发表于 2014-5-5 16:16:43

在写css样式的时候难免会遇到调试后没有效果的情况，原因是你的演示书写有问题，或者是其他的一些因素，由于很多，于是本文整理了一些常见的错误排查方法，希望对大家有所帮助一、检查代码单词有没有错误?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。

0608fv3 · 发表于 2022-10-22 15:37:46

这个源码不错啊

64000928 · 发表于 2023-8-24 00:50:13

66666666666

dm00ji1s · 发表于 2024-5-10 14:10:23

谢谢您的分享！

回复用户1 · 发表于 2024-5-14 04:35:43

感谢楼主分享

czoz5y · 发表于 2024-6-14 09:26:51

看看怎么样再说

4k0mp7m · 发表于 2024-9-1 20:38:54

可以，看卡巴

errol123 · 发表于 2024-9-27 00:23:53

给爸爸爸爸爸爸爸爸爸爸八佰伴八佰伴

do827261756 · 发表于 2024-10-6 04:26:12

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

i1efp6c · 发表于 2024-10-14 03:56:06

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS如何排查错误？从哪入手