HomeWork1_RefactorProject

作业1-重构项目 描述 该任务的目的是重构HTML和CSS文件。运行代码后，我们可以看到以下网页： 我们的任务是确保网页保持至少90％的外观，同时仍重构代码以提高可读性。为了提高可读性，对代码进行了以下更改： 1.缩进 该代码没有使用任何统一的缩进方式。因此，我决定确保所有行都以统一的方式缩进。 2.页眉和页脚 Header和Footer最初位于div标签中。我决定将它们更改为“页眉”和“页脚”标签。 3. HTML中的图片 在第24行，“ hero”类下的div链接了来自CSS的图像。为了方便起见，我决定将图像链接到HTML标记内。 4.减少CSS类 .content和.benefits下的类被简化为.benefits-text和content-images以减少所使用的类。 X 5.删除了链接的UL 移除了UL，并用三个锚定标签代替。这些标签的布局与制造UL的方式完全相同。