在wordpress中, 我们可以使用很多各种不同的主题模板, 但有些时候, 我们需要对模板进行些修改, 但是用文本编辑器打开其中的css文件, 你会无从下手, 哪有没有一个好的方法可以直接定位css里面的元素, 然后我们就可以轻松对css进行修改呢?

经过查询, 找到了firefox的一个免费的插件firebug, 这个工具可以轻松对css里面的元素进行所见既所得定位, 例如下图, 可以清楚看出左下角html文件中的<div id=”content”>代码所对应的位置是图上阴影处,然后在图的右下角处还能够知道content元素在style.css文件中的第174行.

有了这个工具, 就可以方便修改css文件了, 例如我们想将content元素扩大, 就可以将#content的width值改大, 如果想将content放到左边, 就可以将float值改为left.

初次接触firefox插件的人可能会问, 怎样安装插件呢? 其实很简单, 只要你从firefox下载和安装好firefox后, 然后运行firefox, 浏览到firebug, 然后点其中的”add to firefox”即可, 最后firefox会提示安装完成, 是不是很简单.

使用firebug也很简单, 在firefox中打开你需要编辑的地址, 然后点击右下角的虫子图标或者点击tools菜单中的firefox菜单, 就会出现如上图的界面, 然后你点击左下角html处元素对css进行定位了.

除了可以定位修改css外, firebug还可以编辑, 调试和监测CSS, HTML, 和JavaScript, 可谓功能强悍, 具体怎么使用需要大家自己去揣摩, 在此就不多说了.

, ,