网格网页设计的未来就在这里

seopinkikhatun1

去年，我有机会作为听众参加在巴塞罗那举行的，这是一个专注于网页设计的会议。正如我当时已经提到的，会谈的场面和质量让我无话可说。给我印象最深的演讲无疑是的演讲，他谈论了网络世界即将或者我应该说“曾经”即将到来的一切。展示了许多令人难以置信的功能，例如图像裁剪首字下沉封面栏布局您可以在她的年演示列表中编译所有这些演示以及更多演示我建议您全部查看，特别注意源代码的简单性和规则的优雅。使用未来的元素定位使用和编写广告海报的示例，使用我们最终在浏览器中可用的网格功能。很好，对吧让我心动的功能，也是我今天要和大家谈论的，是网格。我记得六个月前我参加时，这个功能仍在开发中，没有任何浏览器的稳定版本支持它。但说“我认为到年夏天，几乎所有浏览器的所有稳定版本都将支持此功能”并且好吧，看来她是对的。


没有干草网格在讨论网格之前，也许我们应该花几分钟讨论一下网页的网格布局。基本上，网格只不过是您将构图元素放置在其上的结构。网格由一组不可见的线实际上是列和行组成，用作布局的支持。听起来很抽象的东西在下图中 阿塞拜疆移动数据 看得很清楚来自网站的列网格来自网站的列网格。喷泉。正如您所看到的，该网站有两个明显不同的行欢迎块和新闻块。这两个块依赖于列布局，但做法不同。因此，第一个块被分为两半在左半部分，一个特定的新闻项目突出，在右半部分，它呈现四个新闻项目。另一方面，第二个块被分成相同大小的三列。如果您使用过布局框架例如的或，您可能已经熟悉这种列结构。例如，使用列而不是列的原因是数字提供的多功能性，因为它有很多因素它可以被和整除，因此我们可以布局几乎任何事情都可以轻松完成。



本质上，您需要了解的有关格栅设计的全部内容就是我刚才告诉您的但由于我知道您是一个非常好奇的人，所以我给您留下了有关埃德沃瑟曼主题的非常好的介绍。啊如果您是一位经验丰富的网页设计师或布局设计师，您已经熟悉网格设计并且您想贡献您的一粒沙子和或纠正我，我邀请您在评论中这样做我相信我们的读者会感谢你到目前为止我们是如何制作烤架的烤架不是我们最近发明的，而是我们最近发明的。他们已经和我们在一起很多年了。但如果我们谈论网络世界，我认为可以肯定地说，网格布局的兴起以及响应式的顶部伴随着我之前提到的框架和类似框架。因此，了解如何使用这些框架之一设计网格网站是有意义的。例如，如果我们尝试布局上面看到的页面，中的代码将如下所示结果是这样的使用布局页面使用的页面布局结果。