学习Div+Css网页布局一直是我比较感兴趣的事,这种布局方式强调内容、表现、行为分离,制作出的网页不仅体积小而且利于日后的维护与调整。但是布局过程不如传统方式直观,很多效果不容易直接看出代码构造,且目前IE对其支持得还不够好,需要对一些bug进行hack,所以其技术门槛相对较高。虽然现在的Dreamweaver Cs3对其支持已经大有改进,但我还需要一种能够更方便学习研究别人网页的工具;还好我发现了Firefox的Web Developer插件在这方面提供了许多实用的功能。
Web Developer插件能够帮助我们对CSS网站进行分析,我们使用FF对网页进行浏览,运用Web Developer插件不仅仅只是能看到对方的源代码,还能方便的分析出页面的布局结构,CSS书写方式,鼠标所在位置的id或class是什么等等,使 我们能迅速的理解、学习别人的成功经验,进而更加方便快捷的掌握CSS布局技术。
当然,该插件提供的功能还有很多,上面只是简单介绍了帮助学习Div+Css布局的功能。具体的教程及下载可参考我爱Css网站的Web Developer教程专题