【文件属性】：
文件名称：创建列实验室ONL01-SENG-FT-090820
文件大小：455KB
文件格式：ZIP
更新时间：2021-02-14 18:54:55
Ruby
创建列实验室
问题陈述
网站通常会采用“基于列”的布局方案来直观地传递内容。 为这种布局编写HTML和CSS可以用许多不同的方式完成，但是遵循一些简单的模式可以帮助我们获得简洁的代码和简洁的基于列的外观。
目标
练习编写和使用基于列CSS规则集
介绍
使用“之前”和“之后”示例，我们将页面转换为基于列的演示。 为此，我们将练习编写基于规则的可重用CSS的技能。
基于列的布局具有无尽的视觉应用，并且方便显示各种内容。 无论是文本，图像，视频等。在我们的示例中，我们都将图像用作图块，并探讨列布局如何使我们能够快速重新排列我们认为合适的图像。
该实验室是直接在Chrome Inspector工具中练习编辑CSS的绝佳时机。 这使我们可以动态更改属性/值，并在返回并编辑实际CSS文件之前在屏幕上查看它们的外观。
指示
通过在浏览器中打开index.html来检查我们已经渲染的内容
在css/s
【文件预览】：
creating-columns-lab-onl01-seng-ft-090820-master
----.gitignore(470B)
----images()
--------sobriety.jpg(22KB)
--------the_prosciutto_concern.jpg(30KB)
--------bay_of_pigs.jpg(27KB)
--------truffleshuffle.jpg(24KB)
--------porkchop.jpg(44KB)
--------mudblood.jpg(21KB)
--------trouble.jpg(96KB)
--------cherub.jpg(19KB)
--------leggo_my_eggo.jpg(34KB)
--------rainbowdash.jpg(61KB)
--------galaxy_note.jpg(25KB)
--------augustus_gloop.jpg(28KB)
--------piggy_smalls.jpg(25KB)
----.rspec(64B)
----LICENSE.md(1KB)
----CONTRIBUTING.md(2KB)
----css()
--------style.css(1KB)
----spec()
--------columns_spec.rb(129B)
--------spec_helper.rb(3KB)
----README.md(3KB)
----index.html(1KB)
----Gemfile(90B)
----.learn(64B)
----Gemfile.lock(821B)