階層14実装(HTML)

9232 ワード


まず、大きなフレームから見ると、飛び交う怪物の箱、エリンの箱、残りの弾丸を展示する箱、残りの時間を展示する箱、そしてその周り全体に分けることができます.
<body>
    <div class="target">
        <i class="fas fa-crosshairs"></i>
    </div>
    <section class="game">
        <div class="game_timer ui">
            <div class="timer_text">
                <i class="fas fa-clock"></i>
                남은시간
            </div>
            <div class="timer_time inner_ui">
                <span id="minute" class="number"></span>
                <span class="minutes"></span>
                <span id="second" class="number"></span>
                <span class="seconds"></span>
            </div>
        </div>
        <aside class="game_bullet ui">
            <div class="bullet_img">
                🧨
            </div>
            <div class="bullet_count inner_ui number">
            </div>
        </aside>
    </section>
    <div class="pop_up">
        Start
    </div>
</body>
残りの弾丸を展示する箱は、残りの時間を展示する箱と形態が似ており、同じuiレベルを与え、残りの弾丸部分はasideラベルを与えた.
そして、今は見られませんでしたが、スター、CLEAR、FAILなどを出演させるポップを事前に表記しておきました.