Firebug使用详解(8)

　　我们再次单击禁止图标，

　　恢复“background”属性。

　　我们这次要把“background”的颜色由蓝色(blue)修改为绿色(green)。

　　我们把鼠标移动到“background”属性值“blue”上(图5-13)。

　　怎么会出现一个蓝色背景的方框?

　　这是Firebug提供背景预览功能，

　　让我们很直观的知道当前背景是什么。

　　如果背景是图片的话，

　　显示的将是背景图片的缩略图。

　　继续我们的操作，

　　单击属性值，

　　在出现的编辑框中将“blue”修改为“green”。

　　好了，

　　背景已经修改为绿色了。

　　现在的显示文本是左对齐的，

　　我想让它居中对齐，

　　这需要在CSS里加一个“text-align”的属性，

　　值为“center”。

　　请在CSS上单击鼠标右键，

　　在菜单中选择“New Property..”，

　　在编辑框中输入“te”，

　　Firebug已通过自动完成功能帮我们输入“text-align”了(图5-14)，

　　按Tab键或回车，

　　在属性值中我们输入“c”，

　　Firebug再次帮我们自动完成了“center”(图5-15)，

　　按Tab键或回车完成输入，

　　如果不需要继续输入新属性，

　　按ESC或单击鼠标取消输入。

　　文本“方块二”现在已经居中显示了。

　　如果忘记了某个属性值有那些选项怎么办?

　　不要紧，

　　在输入属性值的时候可以通过上、下箭头选择我们需要的属性值。

　　在“Style”标签里我们可以选择“Options”菜单里的“Show Computed Style”查看浏览器默认的风格定义。

原文转自：http://www.cnblogs.com/xiachufeng/archive/2010/08/02/1790411.html