修改网站的 HTML结构 和 CSS，但是之前的HTML/CSS不是我写的，改起来好费劲！！！求指导，求经验分享。。。

[icexfire]

某网站，要改 HTML 和 CSS，主要目的是兼容IE6 （没办法，学校办公室都XP）
但是之前的不是我写的，现在改起来特别费劲，弄了好久了还是一塌糊涂，主要是看着别人的html和css太混乱，毕竟不是自己写的，感觉整体来说还不如完全自己从头写来的快，来的爽。。。

但是，要使自己重头写的话，还得先把整个网站的 html和php代码分开，至少也要大概弄清楚各种都是再干什么。。。也很麻烦啊。。。

＝＝＝＝＝＝＝＝＝

弄了好久了，越弄越乱，比如在这里改一个css，有时会影响到其他的地方。。。毕竟不是自己开始写的东西。。。没有一个大局面的把握，然后一边修改，还得一边看原来的代码，有时还容易吧一些点击之后显示的东西漏掉。。。

＝＝＝＝＝＝＝＝＝

这种状况怎么办呢？求分享经验啊。。。

[icexfire]

现在我都有了去吧代码都打印下来，然后拿一张大大大白纸，吧网站页面都画下来，对应的代码写上去，想这样来整体看一下结构的想法了。。。。

PS：firebug 和 chrome的开发人员工具这些我都知道，但是，也还是不够啊。。。

[krazy]

改好模板再来改样式

chrome就livereload配合autosave应该会快一些...
但是ie6就想不到什么好方法了，改一点看一下？

[icexfire]

@krazy 网站的 php 和 html 混合在一起。。。怨念...

[gucheen]

利用开发工具，像是firebug之类的，先摸清页面的结构，知道每个部分的内容，由于后台结构不会在页面中显示，还是比较好的，但是，的确，改别人写的内容很困难，尤其是没有注释情况下

[icexfire]

@gucheen >.< 嗯嗯... 看别人写的东西。。。好蛋疼。。。

[icexfire]

用户登录和不登录显示的东西，有些相同的，也有不同的。。。好麻烦。。。

[gucheen]

@gucheen 这就提醒你以后要写注释啊，方便自己也方便别人。。。

[krazy]

@icexfire
其实也可以全部重写一遍 再把php变量填进去把,只要知道它们代表的含义就可以了
有判断的地方 把不同情况放在判断中间

以后还可以像这样做一些wordpress主题了...

[icexfire]

@gucheen 嗯嗯... 的确...

@krazy wp主题倒是弄过，那个html和php分开的都很清晰，各种意义也比较明确～ 还有教程啥的可查。。。而且。。。不会吧html，php和一些css的style整到一起。。。 T_T

[Sivan]

如果设计改动大，就直接重写吧。

[pepsin]

感觉html结构要先理顺，一些样式重复的先在html里重新定义好，结构理顺后再去弄CSS就快多了。

[cutehalo]

我也改过 最恶心的就是之前的人把样式都给写在DOM里了。。。

[cloudream]

加新的id和class，设置样式，不要修改现有的。

[icexfire]

@cloudream 不修改现有的话。。。整个就彻底完全混乱了 >_<

@cutehalo >.<

@pepsin 嗯。。。按照这个路子在弄了。。话说，这样一烦。。。各种没效率。。。

@Sivan T_T

[fen]

最好的办法是给所有电脑默认为非IE浏览器，为将来擦屁股的减轻痛苦

[ahxxm]

我今天一天把wordpress主题写完了，前面花了一个星期修改- - 我是初学者

[Air_Mu]

如果仅仅是兼容IE6 就找出哪里不兼容 强制调教一下吧。

或者楼主写个格式化C盘的批处理。
把学校电脑全部格了 。然后帮他们装最新的GHOST XP. 都是直接IE8的

这样你以后肯定还能上天堂呢。。。

[loading]

用table给他重写。。。。

[alanerzhao]

推荐：
1.认真看，好好在修改不要怕麻烦，如果你好好改成你最满意的一个网站，那说明你学会了不少东西。
2.打开firebug，修改各种IE错误（但我感觉可能是结构写的有问题）凑出来交给他。
3.认别人给你改！

[icyflash]

<!--[if IE 6]>
<link type="text/css" rel="stylesheet" href="ie6.css">
<![endif]-->

哪里有问题改哪里