对于css+div网站重构学习的拙见（1）–准备篇

      接触css、div也有一段时间了，经常被一些人问及这个该如何学习。我承认自己目前学的不是很全面，对于这方面的书籍拜读的也不是很多，我也只是从一个自己慢慢摸索入门的角度来做一些总结。如果对大家能有一定的帮助那是最好，当然如果你觉得这种方法并不适合你，或者有什么不周全的地方也希望帮忙指出。在网站重构的学习方面，我是一只自己摸索过来的，对于一些人提及的理论上的东西我掌握的可能不够全面，很多经验也都是自己在摸索中总结出来的，给自己做个总结，也希望大家能在学习上少走弯路。

      好了，废话少说开始进入正题。很多可以轻松百度的东西我就不再累述了。

1.首先是学习前的准备工作

（1）IE升级到IE8版本

（2）安装IETester(最新版的下载地址http://www.my-debugbar.com/wiki/IETester/HomePage）

（3）安装Firefox最新版并安装firebug插件。

（4）安装Dreamweaver

（5）准备一个css2中文参考手册

（6）几套较为标准的布局示例源码

（7）html基础知识

 

      说明一下，IETester是一款很实用的IE测试工具，可以让你的电脑同时拥有IE5.5到IE9的各个版本，但是有人会问为什么安装以后不正常，不能够正常模拟，其实答案很简单，就是在你安装这个软之前必须要先把你的IE升级到最高版本，只有这样它才能正常的模拟，如果你电脑只有IE7，那么软件模拟出的IE8实际上也是IE7的内核。安装好以后测试一下吧。在页面的head里边加入如下代码：

 

<style type=”text/css”>
<!–
body{ background:#000; *background:#F00; _background:#00F;}
–>
</style>

 

 

      IE8下边背景色是黑色，IE7为红色，IE6为蓝色，如果正确了，恭喜你，你的软件安装成功了。虽然目前FireFox的使用率并不大，但是我们特别要安装这个浏览器的原因在于，目前他是最标准的，符合W3c标准的浏览器，事实上微软也会逐步的像其靠近，如果你要保证你的代码在将来的浏览器上还可以保证良好的表现，那么兼容firefox是必不可少的。另外一个原因是Fierfox的Firebug插件是你调试页面的好帮手，开始利用它吧，慢慢的你会发现你已经爱上它了。

      学习页面重构，你可以不看教材，可以自己琢磨，但是css手册是你必不可少的，简单、易于阅读、上手快。它存在着很多的优点，而且对于各种属性它才是最权威，最标准的。所以你必须拥有它，并好好阅读它。

我认为做页面重构最好的学习途径就是看别人的代码，然后自己多练，书本上的东西永远都不够你学的，因为很多问题只有你亲身经历了，自己解决了，你才能清楚的了解他，遇到问题先自己尝试解决，然后再百度清楚，这才是一个正确的路线，也许会花费你更多的时间，但是它给你带来的收获是远远大于直接百度的。页面结构是在不断变化的，我们只有掌握了问题的核心，解决起问题才能加得手。

      当然html的基础必然是你不可缺少的了。至少你该了解都有哪些标签，各个标签的含义，常用标签的属性，这个不难的，找一本html手册你会很快掌握它的。

      至此，学习页面重构的准备工作已经毕本写清楚了，当然如果你是喜欢深入了解事物的，你可以再详细阅读一些关于css的介绍，了解一下它的发展，这对于以后的提高也是很有帮助的。本篇暂时写到这里，我会陆续进行更新，也希望大家可以一起交流。

 

 

文章作者：IceSun
本文地址：http://www.iscss.tk/?p=23
版权所有 © 转载时必须以链接形式注明作者和原始出处！