前端快速开发秘诀，5个生成或直接获取css布局的网站
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
文章目录
说在前面的话
大部分初学前端的同学，在做项目时还需要自己冥思苦想怎么布局，都是卡在对css布局不熟悉上面。前端发展到现在，这么成熟了，有没有方便的工具，根据自己需求，快速获取到自己想要的布局呢？ 当然有，下面推荐几个网站工具，那是真香。
一、给好模板，选好后拷贝css就可以用
网址:https://csslayout.io/
网站有最常超过100种的图案。
有展示类，反馈类、布局类、输入类，导航类
选中想要的布局后，直接拷贝代码就可以
每种图案都有都有对应的html和css代码：
二 、Css Grid宫格布局
网址：https://cssgr.id/
拷贝代码
三 、Grid布局
网址：https://grid.layoutit.com/
Grid的布局能力很强大
左边输入需要的行数和列数, 在右边可以直接复制代码
四、非常好玩的Css选择器的练习游戏
网址：https://flukeout.github.io/
总共32关，通过了之后，你的css 选择器能力就是专家级别了
五、FlexBox布局生成器
Flexbox Generator 这网站稳了。Flexbox 是当前非常主流而且好用的一种布局方式，网站支持实时配置和预览。
网址 https://loading.io/flexbox/
总结
学习前端的路上，可以依靠一些工具，这样走的更快更稳。
写一篇文章不容易，大家帮忙点赞加关注，谢谢。