第十三届蓝桥杯（Web 应用开发）线上模拟赛第一题

【Bug 调试】修复网站显示问题

特别说明

第十三届蓝桥杯（Web 应用开发）线上模拟赛依托于蓝桥云课线上实验环境打造，可能与正式比赛所使用线下环境有所不同。线上模拟赛侧重于考生了解比赛题型和体验比赛样题，正式比赛则以大赛组委会发布竞赛规则为准。

背景介绍

目前，HTML5 与 CSS3 已经成为前端开发工程师的必备技能。接下来，我们将使用 HTML5 + CSS3 实现了一个果壳儿页面。

准备步骤

在开始答题前，你需要在线上环境终端中键入以下命令，下载并解压宣传页面的源代码。

wget https://labfile.oss.aliyuncs.com/courses/4450/exam01.zip && unzip exam01.zip && rm exam01.zip

你可以参考下图中的 3 个步骤下载源码。同时，选中 index.html 右键启动 Web Server 服务，让项目运行起来。

图片描述

打开环境右侧的【Web 服务】，点击【exam01】文件夹，效果如下（页面显示宽度为 1024 px）：

考试需求

如上所示的 index.html 布局不符合最终要求。请检查 exam01 下的各个文件，找到并修复项目存在的 Bug，使果壳儿页面正常显示，效果如下（页面显示宽度为 1024 px）：

要求规定

请严格按照考试步骤操作，切勿修改考试默认提供项目中的文件名称、文件夹路径等。
满足题目需求后，保持 Web 服务处于可以正常访问状态，点击「提交检测」系统会自动判分。

题解

签到题。根据需求,查看web服务，打开开发者工具，发现以下问题：

看到是css引用问题，签到题不要想太多，去html文件看看，发现

这很明显是名称错误，修改即可。