作业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的方式完全相同。