Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

青灯夜游
Freigeben: 2018-10-10 16:52:48
nach vorne
3099 Leute haben es durchsucht

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;
}
Nach dem Login kopieren

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;}
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage