开始就是瞎折腾

昨天朋友甩过来一个网页，说好看，让我照着抄一个。我一瞅，花花绿绿一堆，心想这有啥难的？打开记事本就开始干。结果搞了俩小时，做出来的东西跟狗啃的一样，连我亲妈都认不出原版长啥样。气的我差点把电脑砸了。

学会偷懒第一招：测量尺寸

后来憋着气仔细琢磨，发现尺寸全抓瞎。原来人家网页都是有讲究的，左边空多少，图片多大，按钮放哪，都不是乱来的。我找了个笨法子：拿尺子怼屏幕上量！ 量完主图宽度是1200像素，标题离顶上有70像素，侧边留白80像素...把这些数一个个记在小本本上。

再开整的时候，心里就有谱多了。照着本本上的数填进去，至少排版看起来不歪歪扭扭了。

颜色原来能“偷”

之前配色也翻了大车。我凭感觉在调色板上瞎选，结果整得跟县城发廊霓虹灯似的。后来学精了：打开原网页，截图，然后用画图工具放大抠细节。 看到按钮的蓝色不错？直接吸过来！标题灰不溜秋的？也吸过来！背景那个米白色看着舒服？全给它偷光光！这么一顿操作，配色立马顺眼了十个档次。

搭积木比写作文快

最烦人的是调间距！早先我死磕CSS，一行行写什么margin、padding，写得头晕眼花效果还烂。后来发现个偷鸡摸狗的方法：直接拿原网页的积木块儿来用。 看到人家那个圆角卡片好看？右键一看，人家写了“border-radius:10px”！复制！看中按钮阴影效果？瞅见“box-shadow”那行？复制粘贴！省下大把时间不说，效果还跟原版八九不离十。

现在做这种活轻松多了：

• 先拿尺子量好架子 – 尺寸拿捏死
• 再偷它家的颜料桶 – 颜色直接搬
• 拆它现成的零件 – CSS代码复制粘贴

昨天那个狗啃的页面，今天中午不到就搞定了，朋友看了直呼“跟官网似的”。所以说，做事得用巧劲，光埋头硬干，头发掉光了也干不出个花来。