雪梨建站笔记
上次跟大家分享了网站的padding & margin，padding和margin其实也没有办法完完全翻译成中文，在CSS语言，看到padding和margin就知道是啥了。
今天跟大家分享一个神奇的谷歌插件，可以快速识别任意网站的CSS代码。
CSS Peeper谷歌插件
识别CSS，我们可以用CSS Inspector，我发现了好用而且免费的谷歌插件
CSS Peeper插件地址：https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk
在谷歌扩展Google extension搜索CSS Peeper就可以添加到你的谷歌浏览器，然后激活就可以使用啦。
启用CSS Peeper
然后，当你打开任意网页的时候，就可以启用CSS Peeper。
以下是我的操作录频
CSS Peeper功能
- 识别网站字体：其他识别网站字体的谷歌插件有WhatFont。大家可以戳如何设置你的网站字体？让你的网站格调UP UP!进行回顾
- 识别网站色号：色号代码可以直接复制
- 识别网站元素CSS：识别元素的padding，margin，border等等CSS外观
- 可导出网站图片：下载到电脑本地
CSS Scan
除了CSS Peeper，当然其他类似的工具，比如CSS Scan，但是CSS Scan需要氪金才可以使用。
地址链接：https://getcssscan.com/
大家根据自己的需求进行选择，对我来说CSS Peeper就足够啦。
赶快去试试吧。
来源公众号：小王子的外贸笔记（ID：shelley_digital）
本文 @雪梨建站笔记 已获授权发布于奇赞平台，未经许可，禁止转载、采集。
该文观点仅代表作者本人，奇赞平台仅提供信息存储空间服务。
如有侵权，请联系奇赞进行处理。
