Heim > Web-Frontend > CSS-Tutorial > Was bedeutet CSS-Reset?

Was bedeutet CSS-Reset?

藏色散人
Freigeben: 2020-09-15 15:19:09
Original
5220 Leute haben es durchsucht

Was bedeutet CSS-Reset?

HTML-Tags haben Standardstile in Browsern, zum Beispiel hat das p-Tag einen oberen und unteren Rand, das strong-Tag hat einen fetten Schriftstil usw. Es gibt Unterschiede zwischen den Standardstilen verschiedener Browser. Beispielsweise verfügt ul standardmäßig über einen Einrückungsstil. Unter IE wird die Einrückung durch Rand implementiert, unter Firefox jedoch durch Auffüllen.

CSS-Reset ist mittlerweile eine sehr beliebte Lösung, die darin besteht, alle Standardstile des Browsers von Anfang an zu überschreiben. Die Standardstile des Browsers während der Entwicklung können zu Kompatibilitätsproblemen mit mehreren Browsern führen, was sich auf die Entwicklungseffizienz auswirkt.

Ein Teil des CSS-Reset-Inhalts lautet wie folgt

html {color:#000;background:#FFF;}t5
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select {*font-size:100%;}
legend {color:#000;}
Nach dem Login kopieren

Verwandte Empfehlungen: „CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWas bedeutet CSS-Reset?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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