Comment éliminer l'excès d'espace blanc en haut d'une page Web ?

Élimination de l'espace blanc excessif en haut d'une page

Lorsque vous rencontrez un espace blanc excessif en haut d'une page Web, où chaque élément inspecté manque de remplissage ou de marge, cela est probablement dû au rendu par défaut du navigateur. Pour résoudre ce problème, envisagez de mettre en œuvre une réinitialisation CSS.

Réinitialisation CSS

Les réinitialisations CSS normalisent les paramètres par défaut du navigateur, garantissant une apparence cohérente et prévisible dans différents environnements. Incluez le bloc suivant au début de votre feuille de style :

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;
}

Sélecteur universel

Vous pouvez également utiliser le sélecteur universel (*) au lieu d'énumérer chacun élément, comme suggéré par Frank :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!