Miscellaneous工具包含了很多有意思的功能，我們只講三個(gè)與CSS網(wǎng)頁(yè)布局開(kāi)發(fā)有關(guān)系的功能。如下圖：

1、Display Line Guides　輔助線功能，我們?cè)赑hotoshop或Fireworks等圖象處理軟件中，提供了額外的輔助線功能，方便圖片文件在處理過(guò)程中的對(duì)齊等。在Web Developer插件所提供的這個(gè)功能，達(dá)到了同樣的效果。我們點(diǎn)選該命令就可以看到輔助線了，如下圖：

我們發(fā)現(xiàn)當(dāng)鼠標(biāo)移到輔助線的時(shí)候，還會(huì)提供一些額外的信息，如當(dāng)前的絕對(duì)位置是多少，距離上一條、下一條輔助線的距離。我們可以通過(guò)面板中的Add Horizontal Line Guide增加一條水平輔助線;Add Vertical Line Guide可以增加一條垂直輔助線。通過(guò)Color改變輔助線的顏色。是不是非常方便?快試試吧!吼吼。

2、Display Ruler　標(biāo)尺或測(cè)量工具。點(diǎn)選這個(gè)命令，可以在頁(yè)面中的任何位置畫一個(gè)矩形，會(huì)有一個(gè)TIP提示相關(guān)的信息，坐標(biāo)、長(zhǎng)與寬等。在移動(dòng)鼠標(biāo)的時(shí)候，這個(gè)TIP也會(huì)提示相應(yīng)的值，如下圖：

3、Edit HTML　編輯HTML工具。大家一定還記得CSS工具菜單下的Edit CSS工具，這個(gè)功能與之類似，不同的是編輯的是xhtml代碼。點(diǎn)擊這個(gè)命令，F(xiàn)F左側(cè)打開(kāi)一個(gè)編輯窗口，將網(wǎng)頁(yè)源文件xhtml代碼放置其中了，我們可以在這個(gè)窗口中隨意的更改與編輯，并且右側(cè)的網(wǎng)頁(yè)將按修改后的代碼實(shí)時(shí)顯示出來(lái)。夠爽吧，前面的編輯了CSS，這個(gè)實(shí)時(shí)調(diào)整一下XHTML，并且能實(shí)時(shí)查看效果。如下圖：

有了這個(gè)功能，我們可以真正的實(shí)現(xiàn)了在這個(gè)環(huán)境中進(jìn)行開(kāi)發(fā)，而且學(xué)習(xí)別人的作品時(shí)，也能兼顧xhtml編碼的學(xué)習(xí)。方便實(shí)用!