網設必備-《CSSViewer》點一下立即顯示網頁的CSS樣式

梅問題-網設必備-《CSSViewer》點一下立即檢示網頁的CSS樣式
  之前曾分享過「Fontface Ninja 點一下立即知道網頁所使用的字型、行高與字級大小」, 當開啟外掛後只要點一下網頁中的文字,立即就會顯示網頁中文字樣式,相當的方便, 但最近梅干就又發現到另一個檢示網頁CSS樣式的外掛,雖然說Chrome瀏覽器內建的網頁開發者工具,就可直接選取要查尋的網頁區塊的CSS樣式,是個不可或缺的工具之一,而有使用過的朋友,應該都知道,有時若網頁包覆結構比較複雜時,就得手動再一一的選取,但現在只要使用CSS Viewer的外掛後,就能與Fontface Ninja一樣,點一下要查看的區塊,立即就可顯示更詳細的內容,如此一來就可知道,這個網頁區塊的樣式設定值啦!

CSS Viewer:
外掛名稱:CSSViewer
適用平台:Google Chrome
外掛下載:Chrome商店

Step1
進入外掛頁面後,點一下免費再按新增鈕。
梅問題-網設必備-《CSSViewer》點一下立即檢示網頁的CSS樣式
Step2
安裝完畢後,在網址列後方,就會看到CSSViewer的圖示,當要查看網頁的CSS樣式時,再點一下圖示,就可開啟CSSViewer。
梅問題-網設必備-《CSSViewer》點一下立即檢示網頁的CSS樣式
Step3
接著對著要查看的網頁區塊點一下,這時立即就會秀出該區塊的CSS樣式設定值,是不是比網頁開發者工具更EZ呀!!!
梅問題-網設必備-《CSSViewer》點一下立即檢示網頁的CSS樣式

相關文章

Bootstrap教學-將Bootstrap網格系統加入資料篩選器功能

Bootstrap教學-將Bootstrap網格系統加入資料篩選器功能

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

免寫程式!HTML5新屬性自動檢核表單與欄位格式是否填寫正確

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

Bootstrap教學-Bootstrap導覽列選單加入網格讓選單圖文並茂

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

將Google地圖嵌入網頁,滾動滑鼠第三鍵鎖定不縮放

CSS教學-CSS選擇器套用樣式的優先權順序

CSS教學-CSS選擇器套用樣式的優先權順序





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 1 梅留言

  • 第1梅
    胎哥阿寶 說道:

    哦哦!這個真的很實用啊!感謝梅干大的分享!
    ——————————
    @ 胎哥阿寶!吃寶沒~

近期講座

近期講座

更多講座