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


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

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


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

如下图:
关于css盒子模式取色和获取像素
还是以知乎登录界面为例,取色目标为鼠标落点位置,截取大小也有具体显示,弊端在仿制网页时并不能准确定点。


使用Firefox浏览器查看

将想要获取颜色的图片或者网页用Firefox浏览器打开,在当前界面打开菜单->web开发者 即可看到取色器工具
关于css盒子模式取色和获取像素
关于css盒子模式取色和获取像素
点击即可复制颜色
同理也可打开查看器,查看网页布局直接获取盒模型,走一步小捷径(tao~)