Welches HTML5-Reset-CSS verwenden Sie und warum? [geschlossen]

Welches HTML5-Reset-CSS verwenden Sie und warum? Gibt es eine, die Sie gefunden haben, um mehr Fälle abzudecken?

Ich habe angefangen, HTML5 Doctor's zu verwenden: http://html5doctor.com/html-5-reset-stylesheet/ Es scheint zu funktionieren, aber ich frage mich, ob es da draußen etwas Besseres gibt.

Echtes Gerede: Trotz der Abschläge, die Kaikai hat, müssen Sie nur * padding & margin auf 0 zurücksetzen.

Leider verfügen 99% von uns nicht über Ressourcen oder Personal, um mit den Hunderten von Browserversionen Schritt zu halten. Ein Reset-Blatt ist daher für die typische Website unerlässlich.

html5reset: (Es ist zu störend)

Ich habe mir gerade http://html5reset.org/ angesehen.

img,
object,
embed {max-width: 100%;}

Und:

html {overflow-y: scroll;}

Ich verstehe, dass es gute Absichten hat, aber das ist nicht die Aufgabe eines Rücksetzblatts. Es werden zu viele Annahmen getroffen.

BluePrint Reset: (buchstäblich eine Blaupause)

body {
  line-height: 1.5;
  background: white;
}

Was ist los mit 1.5. Und warum Hintergrund weiß? (Ich weiß, es ist zur Korrektur, aber immer noch nicht notwendig)

Normalize.css: (Nicht normal)

https://github.com/necolas/normalize.css/blob/master/normalize.css

Es begann gut mit einigen Webkit / dh Hacks aber

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

Jedes Header-Tag ist ein Ziel. & sie setzen die Linienhöhe des Körpers nicht zurück.

Ich bin mir sicher, dass all das die beabsichtigte Arbeit gut macht, aber wahrscheinlich mehr als nötig überschrieben wird.

Eric Meyer

YUI

HTML5Boilerplate

Die oben genannten sind eher für Profis gedacht, bei denen Boilerplate sich auf die (überfreundliche) Seite neigt. Ich bin mir sicher, dass dies aufgrund der Beliebtheit der Fall ist. Im Moment sind 80% meines benutzerdefinierten Resets Boilerplate.

Ich werde alle drei Stück für Stück durchgehen und mein eigenes machen, es ist keine Raketenwissenschaft.

Normalize.css eignet sich sowohl für Desktop- als auch für mobile Browser und wird in vielen gängigen HTML-Vorlagen verwendet.

Aber was ist mit der CSS- allEigenschaft, die die CSS-Eigenschaften außer directionund zurücksetzt unicode-bidi? Auf diese Weise müssen Sie keine zusätzlichen Dateien einfügen:

{
    all: unset
}

CSS allbietet eine breite Unterstützung, außer in IE / Edge. Ähnliches gilt für unset.

Die vom Blueprint CSS- Framework verwendete reset.css funktioniert gut und enthält HTML5-Elemente. Es wird in die Datei screen.css aufgenommen .

Blueprint ist eine nützliche Ressource für das Rapid Prototyping neuer Websites. Der Quellcode ist gut organisiert und es lohnt sich, daraus zu lernen.

Eric Meyer hat auch Version 2 seines CSS-Resets veröffentlicht (und das vor fast einem Jahr):

http://meyerweb.com/eric/tools/css/reset/

1. Behält nützliche Standardeinstellungen bei, im Gegensatz zu vielen CSS-Resets.
2. Normalisiert Stile für eine Vielzahl von HTML-Elementen.
3. Behebt Fehler und häufige Browser-Inkonsistenzen.
4. Verbessert die Benutzerfreundlichkeit durch subtile Verbesserungen.
5. Erklärt anhand detaillierter Kommentare, was Code bewirkt.

normalize.css

* {
    margin: 0;
    padding: 0;
}

einfach und doch völlig effektiv. vielleicht werfen Sie ein:

body {
    font-size: small;
}

für ein gutes Maß.

Die HTML5-Spezifikation enthält empfohlene CSS-Deklarationen für CSS-fähige Browser. Zum Spaß habe ich sie genommen und zurückgesetzt, wo es Sinn macht. Sie können das Ergebnis in diesem Artikel anzeigen .

Aber ich, wird nicht empfohlen , diese in der Produktion. Es ist eher ein Proof of Concept und kann besser als Hinweis verwendet werden, als als Allzweck-Reset-Stylesheet. Alle anderen Vorschläge zuvor könnten eine bessere Wahl sein.

Ich verwende Normalize oder das Zurücksetzen von HTML5 Doctor und ändere es an das Projekt, an dem ich arbeite.

Übrigens ist es nur das Konzept der Verwendung eines Resets, das mehr oder weniger zum Standard geworden ist.