在网页制作中需要使用PS获取的信息分为两类：尺寸信息和颜色信息。
获取信息（设计稿）
尺寸信息 > 测量：width:200px;
颜色信息 > 取色：color:#ffccoo;
（1）测量（所有数字都要测量） >> 尽可能100%还原设计稿
哪些需要测量呢？ // CSS中所有能够接受数值型的属性都需要测量
文本 文字大小（font-size）
单独图层，使用文字工具T，查看选项面板；
合并图层，矩形选框工具，文字高度即字号高度，不同字体有误差；
行高（lineheight）
单独图层，文字工具T，选项面板-属性面板，行高即lineheight
合并图层，矩形选框工具，放大，第一行的下面到第二行的下面
背景 背景图位置（background-position）
盒模型 高度、宽度（width/height） 内外边距（padding/margin） 边框（border）
布局 定位（top、right等）
>> 使用工具：矩形选框工具 + 信息面板（尽可能放大画布，以减小误差）
// 矩形选框工具，默认是新选区，即唯一一个选区
选区：即矩形选框工具选择的区域，可多个叠加、删减、交叉
添加到选区：按住Shift
从选区减掉：按住Alt
与选区交叉：按住Shift + Alt
> 小技巧：大图测量宽度 – 左右两边各画小图（shift），宽度为小图最左到最右的宽度
（2）取色（所有颜色都要取色）
哪些需要取色？ // CSS中能接受颜色值的属性都要取色
文本 文字色（color）
单独图层，使用文字工具T获得；合并图层，放大，吸管拾色；
文字图层有叠加效果，拾色器+吸管工具，小心锯齿，选择深的地方。
背景 背景色（background-color）
盒模型 边框色（border-color）
>> 使用工具：拾色器+吸管工具（取色时尽量放大）
// 取色工具巧用
确定背景是否为纯色 > 不停的点击，观察颜色值是否变化
确定是否为线性渐变 > 魔棒工具（容差较小情况下，颜色选定区域，如Y、X轴渐变）
【案例】
测量普通图片宽高
Web_整合分析、记录点滴
声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:dandanxi6@qq.com
