获取信息
打开设计稿 ,获取信息
· 尺寸信息 -----> 测量 width: 200px;
· 颜色信息 -----> 取色 color: #ffcc00;
测量 (所有数字都要测量)
哪些需要测量?
css里面所有能接受数值型属性都是需要接受测量的
· 宽度 、高度
· 内边距、 外边距
· 边框
· 定位
· 文字大小
· 行高
· 背景图位置
测量· 选区
矩形选框工具
· 添加到选区 : 按住 Shift
· 从选区减去 : 按住 Alt
· 与选区交叉 :按住 Shift + Alt
取色(所有颜色都要取色)
css里面 能接受颜色值的属性都要取色
哪些需要取色?
· 边框色
· 背景色
· 文字色
取色工具的巧用
确定背景是否为纯色 (取色器)
用取色器在需要确定的背景中不停的点击 看值是否会变化
确定是否是线性渐变 (魔棒工具)
以课程为例子:
先用移动工具选择图层 , 然后用魔棒工具点击图层 ,可以发现目前在容差比较低的情况下 ,我们选择的这样一个
横线的区域,也就是说,区域里面的颜色值是一样的,继续往下点,可以发现它选择的都是一个横向的区域,也就是说这个区域是一个
从上往下的一个y轴的线性渐变,也就是x轴颜色一样,y轴颜色渐变
本节地址:http://mooc.study.163.com/learn/1000054000?tid=2001219007#/learn/content?type=detail&id=2001408116&cid=2001395250