创建列实验室ONL01 SENG FT 090820 源码

创建列实验室 问题陈述 网站通常会采用“基于列”的布局方案来直观地传递内容。 为这种布局编写HTML和CSS可以用许多不同的方式完成,但是遵循一些简单的模式可以帮助我们获得简洁的代码和简洁的基于列的外观。 目标 练习编写和使用基于列CSS规则集 介绍 使用“之前”和“之后”示例,我们将页面转换为基于列的演示。 为此,我们将练习编写基于规则的可重用CSS的技能。 基于列的布局具有无尽的视觉应用,并且方便显示各种内容。 无论是文本,图像,视频等。在我们的示例中,我们都将图像用作图块,并探讨列布局如何使我们能够快速重新排列我们认为合适的图像。 该实验室是直接在Chrome Inspector工具