Wie setze ich Stile in CSS zurück? Implementierung des CSS-Stil-Reset-Effekts (Codebeispiel)

In diesem Artikel erfahren Sie, wie Sie den Effekt mithilfe von CSS-Stilen zurücksetzen. Ich hoffe, dass er für Freunde hilfreich ist.

Wenn wir uns auf die Entwicklung eines Projekts vorbereiten, müssen wir die Kompatibilität einiger Browser berücksichtigen, sonst ist es bequemer, eine Seite selbst zu schreiben. Dann werden viele Leute und die meisten zu diesem Zeitpunkt darüber nachdenken, CSS zurückzusetzen Die Leute werden das tun.

@charset "utf-8";
/* 使用重置样式表 */

html, body, p, 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, table, caption, tbody, tfoot, thead, tr, th, td{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;    
}
body{
    line-height:1;
}
ol,ul{
    list-style:none;
}
blockquote, q{
    quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after{
    content: '';
    content:none;
}
/* remeber to define focus styles! */
:focus{
    outline:0;
}
/* remeber to highlight inserts somehow */
ins{
    text-decoration:none;
}
del{
    text-decoration:line-through;
}

/* tables still need 'cellspacing="0" in the markup' */
table{
    border-collapse:collapse;
    border-spacing:0;
}

Beachten Sie, dass Sie auf einigen Websites nicht so schreiben können: *{margin:0;padding:0;}, das wird viel Leistung verschwenden

Aber es sind nur viele Tags oben Im Allgemeinen verwenden wir auch viele Dinge, die wir nicht verwenden, und einige, die unter bestimmten Umständen unnötig sind.

body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{margin:0;} 

ol,ul{margin:0; padding:0;}

Okay, das war's mit dem Zurücksetzen.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird. Weitere verwandte Tutorials finden Sie unter CSS-Video-Tutorial !

Verwandte Empfehlungen:

PHP-Video-Tutorial zum Gemeinwohltraining

CSS-Online-Handbuch

Div/CSS-Grafik-Tutorial

Das obige ist der detaillierte Inhalt vonWie setze ich Stile in CSS zurück? Implementierung des CSS-Stil-Reset-Effekts (Codebeispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!