分享一个自己画div的技巧

分享一个自己画div的技巧

笔者是小白,前端不是很懂。现在想总结下自己画div布局的小技巧和思路。

先对着设计图把div给好好框选出来

我个人觉得这一步是很重要的,要先分析大局,再细节处理。一定要先决定好大体路线再具体实现。并且将想法画出来有利于回忆,不会走一步算一步。我相信很多人都是写着写着都忘了之前想好的路线是什么,又要花费时间取回忆。既然开发步骤复杂,那为何不去尝试一下记录一下呢?

先找包裹得最大的div,再往每个div里布局内部的div

总的来说就是由浅入深,先把大框架写了,再添加小零件避免散架和不必要的麻烦。

对每一个div设置一个有颜色的border当做参考线

因为div是完全透明的,用一个border描线有利于自己对布局的把控。并且可以时刻对照自己画的div和实际是不是有出入。

原文地址:https://www.cnblogs.com/cell-coder/p/12501087.html