文章目录
一、盒子模型内边距案例
二、使用 Fireworks 分析网页
1、导入图片
2、缩放图片
3、切片工具测量图片
4、吸管工具获取图片颜色
5、测量结果
三、代码示例
一、盒子模型内边距案例...----
模仿 CSDN 博客界面的导航栏 , 将下图中 矩形框 中的导航栏 样式写出来 ;
案例分析 :
导航栏宽度 是不固定的 , 有的链接宽度很窄 , 如 " 最近 " , " 课程 " 等...切片工具 选中的 浅绿色 矩形 宽高为 9 x 48 像素 , 该区域左上角坐标为 ( 15, 7 ) ;
4、吸管工具获取图片颜色
如果想要获取图片中的颜色 , 使用吸管工具 , 点击图片对应位置..., 然后点击 颜色 按钮 , 即可在其中查看 图片 对应位置的颜色 ;
使用吸管工具 , 点击图片中的灰色横线 ;
然后点击 颜色选项 , 可以查看之前使用吸管工具吸取的颜色值 , 这里获取的十六进制值为...15 像素 , 文本颜色为 #222226 , 这是鼠标经过时的样式 , 鼠标没有经过时颜色值为 #555666 ;
鼠标经过时 , 下边框为 2 像素 , 颜色值 #222226 ;
三、代码示例