Wie eliminiere ich überschüssigen Leerraum oben auf einer Webseite?

Beseitigen von überschüssigem Leerraum oben auf einer Seite

Wenn Sie auf übermäßigen Leerraum oben auf einer Webseite stoßen, wo sich jedes überprüfte Element befindet Fehlt die Polsterung oder der Rand, liegt dies wahrscheinlich an der Standarddarstellung des Browsers. Um dieses Problem zu beheben, sollten Sie die Implementierung eines CSS-Resets in Betracht ziehen.

CSS-Reset

CSS-Resets normalisieren die Browser-Standardeinstellungen und sorgen so für ein konsistentes und vorhersehbares Erscheinungsbild in verschiedenen Umgebungen. Fügen Sie den folgenden Block am Anfang Ihres Stylesheets ein:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

Universal Selector

Alternativ können Sie den Universal Selector (*) verwenden, anstatt jeden aufzulisten Element, wie von Frank vorgeschlagen:

* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

Das obige ist der detaillierte Inhalt vonWie eliminiere ich überschüssigen Leerraum oben auf einer Webseite?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!