CSS, CSS2, 網頁設計

CSS好幫手IEDevToolBar (IE外掛元件)

梅干2008/11/22
  IEDevToolBar是由微軟所推出外掛在IE瀏覽器上的CSS工具,而IEDevToolBar就好比網頁的照妖鏡,透過IEDevToolBar工具可快速查看網頁的樣式與區塊,同時該工具也相當人性化,除了透過view的選項查看網頁的畫分狀況外,還可利用選取工具,對著想要監看的區塊點一下,隨即下方則會秀出該區塊的樣式名稱或相關設定。

  這也解決了人老易忘ㄟ毛病,每當作完一個專案時,過一段時間若要再修改裡頭的標題樣式時,早已忘了當初的命名為何,此時就可以利用IEDevToolBar的選取工具,對著標題點一下,隨即該標題的樣式名稱、屬性便無所遁形逐一秀出,接下來就來分享這套神奇的好用的工具。

Step1.
請由此下載該工具[IEDevToolBar]後,並執行IEDevToolBarSetup.msi且依續的完成所有的安裝步驟。


Step2
安裝完畢後,開啟IE瀏覽後,在上方的按鈕處則會出現一個藍色的箭頭圖示,只要對著該圖示點一下,隨即下方便會開啟IEDevToolBar的工作視窗。
 


Step3
下方是IEDevToolBar工具視窗的基本介紹。


※找尋該區塊的樣式名稱、屬性:
Step4
對著IEDevToolBar的圖示點一下,再將滑鼠移到想查尋的區塊,當滑鼠移上去只要四周出現藍色框線表示可選取,此時點著區塊點一下,隨即便會秀出該區塊的相關名稱屬性設定。

※這是一個相當簡易的用法,而它的功用當然不是只有這樣而已,其它的功能就留給各位慢慢的去體驗。


UAG軍規iPhone防摔殼