加载网页时如何防止闪烁？

Question

我正在学习如何创建网页，并制作了一个简单的网页，该网页可以在y机本地的python服务器上运行。我有一个菜单，可以按一下菜单来重定向到其他部分，本质上是加载新页面。

加载页面需要半秒钟，在应用CSS格式之前，原始的html是可见的，这看起来非常难看。我想知道是否有一种方法可以防止新页面显示直到准备就绪，或者至少在HTML上添加空白的黑色页面，直到CSS准备就绪为止。

我正在使用烧瓶作为服务器：

从烧瓶进口瓶 从烧瓶导入render_template

app = Flask(__name__, static_url_path="/static", static_folder="/static")

@app.route("/")
def home():
    return render_template("home.html")

@app.route("/resume")
def resume():
    return render_template("resume.html")

这是html中按钮的外观：

<nav id="PageNav">
    <div id="TimeContainer">
        <ul id="TimeList">
            <li><a href="/"><span>Home<span></a></li>
            <li><a href="/resume"><span>Resume<span></a></li>
            <li><a href="#"><span>Math<span></a></li>
        </ul>
    </div>
</nav>