Implementierungsbeispiel für das Zurücksetzen des CSS-Reset-Stils

html{
   /* Die Standardschriftgröße ist in Ordnung, ändert sich aber dynamisch, wenn „rem“ auf Mobilgeräten verwendet wird. */
  Schriftgröße: 14px;
  /* Verwende das IE-Boxmodell (persönliche Wahl, ich stelle die Breite normalerweise auf die tatsächliche Größe der Box ein, einschließlich Polsterung und Rahmen) */
  Box-Größe: Rahmenbox;
  
}

html,Text{
   /* Wenn Sie in einigen mobilen Browsern auf einen Link oder ein anklickbares Element klicken, wird ein durchscheinender grauer Hintergrund angezeigt. */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* Verbessern Sie das Scroll-Erlebnis auf Mobilgeräten*/
  -webkit-overflow-scrolling: berühren;
  Überlauf-Scrollen: Berühren;
   /* Gleiche Höhe wie das Browserfenster*/
  Höhe: 100%;
}

Körper{
   /* Einige Hintergründe sind standardmäßig hellgrau, daher sind sie alle auf reines Weiß eingestellt*/
  Hintergrund: #fff;
   /* Laut antd sollten Sie Microsoft YaHei nicht im Unternehmen verwenden. Die Verwendung von Rem-Schriftarten wird nicht empfohlen. */
  Schriftart: 14px, -apple-system, BlinkMacSystemFont, „Segoe UI“, „PingFang SC“, „Hiragino Sans GB“, „Microsoft YaHei“,
  „Helvetica Neue“, Helvetica, Arial, serifenlos, „Apfelfarben-Emoji“, „Segoe UI-Emoji“, „Segoe UI-Symbol“
   /* Mache die Schrift glatter */
  -webkit-font-smoothing: Kantenglättung;
  -moz-osx-font-smoothing: Graustufen;
}

Körper,
P,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
tt,
ul,
ol,
Mai,
td,
Taste,
Figur,
Eingang,
Textbereich,
bilden,
vor,
Blockzitat,
Figur{
Rand: 0;
Polsterung: 0;
}

A{
   /* Kleine Hände */
  Cursor: Zeiger;
   /* Die standardmäßige Unterstreichung des Hyperlinks aufheben */
  Textdekoration: keine;
   /* Dies wird auch in Antd durchgeführt. Es hängt davon ab, ob Ihr Team diesen Stil benötigt.*/
  Übergang: Farbe, 0,3 s langsam;
}

ol,
ul{
   /* Entfernen Sie den hässlichen Stil. */
  Listenstil: keiner     
}

A,
h1,
h2,
h3,
h4,
h5,
h6,
Eingang,
wählen,
Taste,
Textbereich {
Schriftfamilie: erben;
Schriftgröße: erben;
Schriftstärke: erben;
Schriftstil: erben;
Zeilenhöhe: erben;
Farbe: erben;
Gliederung: keine;
}

Taste,
Eingabe [Typ = "Senden"],
Eingabe[Typ='Schaltfläche'] {
 /*Klickbare Hand*/
Cursor: Zeiger;
}
 /* Das Aufheben der Darstellung einiger numerischer Eingabesteuerelemente des Browsers kann das Erscheinungsbild der Steuerelemente ändern. */
Eingabe[Typ='Zahl'] {
-moz-auftritt:Textfeld;
}
Eingabe [Typ = Nummer]::-WebKit-Inner-Spin-Button,
Eingabe [Typ = Nummer]::-WebKit-Outer-Spin-Button {
Rand: 0;
-webkit-auftritt: keines;
}
/**
 * Entfernen Sie innere Ränder und Polsterungen in Firefox.
 */
Schaltfläche::-moz-focus-inner,
[Typ="Schaltfläche"]::-moz-focus-inner,
[Typ="Zurücksetzen"]::-moz-focus-inner,
[Typ="Senden"]::-moz-focus-inner {
  Rahmenstil: keiner;
  Polsterung: 0;
}
/**
 * In HTML5 versteckte Elemente in IE10 korrekt anzeigen*/

[versteckt]
  Anzeige: keine;
}
Vorlage {
 /* Einige Browser zeigen Vorlagen an, aber das Vorlagen-Tag wird selten verwendet, daher können Sie es selbst auswählen. */
Anzeige: keine;
}