最近在写文章时用到了一些CSS布局方式，让我突然思考CSS布局的基本种类究竟有多少种。目前，我在实际工作中最常使用的是弹性布局display: flex，而对于一些需要指定行列的情况，我会采用网格布局（或称格栅布局）display: grid。在接触这两者之前，我主要使用的是普通的简单布局、浮动布局、定位布局以及表格布局。后来，为了实现响应式设计，我还了解了响应式布局，同时在实现瀑布流时接触到了多列布局column。

在进行设计工作时，获取优质素材和灵感是至关重要的。下面介绍一些能够为你提供素材和激发创意的网站。当你在设计过程中遇到困难时，不妨前往这些网站一探究竟。

Icon素材

在前端开发中，页面布局往往是一个相对耗时的任务。有没有一种方法能够减少开发时间呢？或许你会说：“当然有，直接使用UI库啊！” 但是请注意，并非每个项目都有可用的UI库。同时，依赖他人的UI库并不能完全解决所有问题。如果我们对CSS选择器有更深入的了解，或许就能在很多情况下减少对JavaScript的依赖。比如，处理鼠标的移入移出效果、选项卡的背景图切换、图片的渐隐渐显等等。熟练掌握这些（包括不太常见的）CSS选择器，无论是在前端UI布局还是替代JavaScript实现特效，都将显著提升我们的工作效率。