上次跟大家分享了網(wǎng)站的padding & margin，padding和margin其實(shí)也沒有辦法完完全翻譯成中文，在CSS語言，看到padding和margin就知道是啥了。
今天跟大家分享一個(gè)神奇的谷歌插件，可以快速識(shí)別任意網(wǎng)站的CSS代碼。
CSS Peeper谷歌插件
識(shí)別CSS，我們可以用CSS Inspector，我發(fā)現(xiàn)了好用而且免費(fèi)的谷歌插件
CSS Peeper插件地址：https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk
在谷歌擴(kuò)展Google extension搜索CSS Peeper就可以添加到你的谷歌瀏覽器，然后激活就可以使用啦。
啟用CSS Peeper
然后，當(dāng)你打開任意網(wǎng)頁的時(shí)候，就可以啟用CSS Peeper。
以下是我的操作錄頻
CSS Peeper功能
識(shí)別網(wǎng)站字體：其他識(shí)別網(wǎng)站字體的谷歌插件有WhatFont。大家可以戳如何設(shè)置你的網(wǎng)站字體？讓你的網(wǎng)站格調(diào)UP UP!進(jìn)行回顧
識(shí)別網(wǎng)站色號(hào)：色號(hào)代碼可以直接復(fù)制
識(shí)別網(wǎng)站元素CSS：識(shí)別元素的padding，margin，border等等CSS外觀
可導(dǎo)出網(wǎng)站圖片：下載到電腦本地
CSS Scan
除了CSS Peeper，當(dāng)然其他類似的工具，比如CSS Scan，但是CSS Scan需要氪金才可以使用。
地址鏈接：https://getcssscan.com/
大家根據(jù)自己的需求進(jìn)行選擇，對(duì)我來說CSS Peeper就足夠啦。
趕快去試試吧。
文章為作者獨(dú)立觀點(diǎn)，不代表DLZ123立場(chǎng)。如有侵權(quán),請(qǐng)聯(lián)系我們。( 版權(quán)為作者所有，如需轉(zhuǎn)載，請(qǐng)聯(lián)系作者 )
網(wǎng)站運(yùn)營(yíng)至今，離不開小伙伴們的支持。 為了給小伙伴們提供一個(gè)互相交流的平臺(tái)和資源的對(duì)接，特地開通了獨(dú)立站交流群。
群里有不少運(yùn)營(yíng)大神，不時(shí)會(huì)分享一些運(yùn)營(yíng)技巧，更有一些資源收藏愛好者不時(shí)分享一些優(yōu)質(zhì)的學(xué)習(xí)資料。
現(xiàn)在可以掃碼進(jìn)群，備注【加群】。 ( 群完全免費(fèi)，不廣告不賣課！)
