期待的日子

wordpress主题修改 dedecms模板修改技巧 firebug使用指南

前言：

通过CSS来修改网站主题，改变网站风格是目前模板制作的主要方法。CSS虽然整合性高，易操作，但如果页面主题元素较多，CSS文件设计复杂，想要元素与CSS文件对应也并非易事。

firebug作为Firefox的一款插件，能够详细的分析页面元素，得到页面属性，并得到该元素的css设置情况。如果是本地测试，还能够显示出具体调用css文件路径。
这样，如果上网的时候碰到一款自己喜欢的页面，就可以通过firebug分析，照猫画虎了……

firebug使用指南：

firebug在Firefox的最新版本是1.5.4 ，比chrome的的版本更新较快，功能更加详细一些，目前来说主要体现在布局展示方面，通过它可以直观的看到元素的具体布局信息包括height width margin 和padding 属性等。

安装firebug 和安装其他插件一样，在插件搜索输入firebug 将其添加到Firefox，安装完成后重启Firefox 通过Firefox右下角状态栏或者页面右击审查元素，都可以打开

firebug分析页面 ，用鼠标点击元素的ID 其对应的控制范围会显示在页面上半部分显示出了，其具体的CSS样式 调用的CSS文件及其布局信息会显示代码分析右边。

这样对照代码、实际页面还有具体CSS文件，你就可以大胆想象，随意设置修改设置属于自己风格的主题了……