关于css盒子模式取色和获取像素

---

在网页构建css盒子模型的过程经常需要用到取色工具和像素提取，总结了几种简单的方法如下：

ps自带取色器取色、获取像素px

---

用qq截图进行取色并测量px

如下图：

还是以知乎登录界面为例，取色目标为鼠标落点位置，截取大小也有具体显示，弊端在仿制网页时并不能准确定点。

---

使用Firefox浏览器查看

将想要获取颜色的图片或者网页用Firefox浏览器打开，在当前界面打开菜单->web开发者 即可看到取色器工具


点击即可复制颜色
同理也可打开查看器，查看网页布局直接获取盒模型，走一步小捷径（tao~)

---