Verschiedene Browser haben unterschiedliche Standardeinstellungen für Seitenelemente. Um Webseiten zwischen verschiedenen Browsern so konsistent wie möglich zu halten, verwenden viele Webdesigner einen sogenannten CSS-Reset, um diese Standardeinstellungen zu löschen und neu zu beginnen.
Rand (Margin) und Innenabstand (Padding) sind die häufigsten Dinge, die zurückgesetzt werden, da sie häufig zu Layoutproblemen führen, wenn sie nicht zurückgesetzt werden. Dies gibt Ihnen auch die Möglichkeit, mit Ihren Rändern/Innenabständen „vorwärts zu arbeiten“. Das bedeutet, dass Sie Ränder/Innenabstände nur für Elemente anwenden, die sie benötigen, anstatt sie von Elementen zu entfernen, die sie nicht benötigen. Das kann für Designer oft sinnvoller sein und zu kompakterem Code führen. Rahmen (Border) ist eine weitere beliebte Sache, die zurückgesetzt wird, da sie Probleme mit den lästigen Rahmen um verlinkte Bilder beheben kann. Dies kann zu Problemen mit der "borked" (beschädigten) Standardformatierung für Dinge wie Submit-Buttons führen, die Sie nicht beschädigen wollten.
Eric Meyer bietet einen beliebten Reset an und der Sternselektor-Reset erfreut sich ebenfalls einiger Beliebtheit. Beide Stile haben ihre Befürworter und Kritiker.
Also, was meinen Sie, liebe Leute: Welche Art von CSS-Reset verwenden Sie?
Verwenden Sie einen der beliebten? Haben Sie einen eigenen Entwurf? Verwenden Sie überhaupt einen? Das Abstimmungswidget ist wie üblich in der Seitenleiste (RSS-Leser müssen den Sprung machen, um abzustimmen, ich habe das noch nicht herausgefunden).
* Offizieller Begriff für das Vermasseln von etwas mit CSS, was man nicht beabsichtigt hat.
Wie wäre es, den YUI- oder Blueprint-Reset zur Umfrage hinzuzufügen?
Hinzugefügt.
Ich versuche wieder in Schwung zu kommen, nachdem ich eine Weile nicht mehr programmiert habe. Damals war ich ein Hack und bin es jetzt nicht viel besser, obwohl Sie mir eine gute Quelle für benötigte Informationen waren.
Nachdem ich mich mit Problemen in I.E. (was sonst) auf der Website eines Familienmitglieds herumgeschlagen hatte, stieß ich auf die "Hard Reset"-Lösung und war überwältigt, wie fast alles passte; erstaunlich! Nach weiterer Lektüre und der Hoffnung auf noch mehr magisches "Passen" stieß ich auf Eric's Reset und arbeite damit. Ich bemerkte keine zusätzlichen Effekte, als ich die Resets wechselte, aber ich glaube, es gibt wahrscheinlich einige Vorteile, die ich noch nicht bemerkt habe oder die sich ergeben werden, wenn ich die gesamte Website entwickle.
Vielen Dank übrigens für den exzellenten Blog.
Größtenteils verwende ich meinen eigenen, aber ich habe gerade die Blueprint Typographic-Datei ausprobiert und sie hat mir das Leben wirklich erleichtert.
Ich habe noch nie von einem CSS-Reset gehört....
Ich habe mich für Eric Meyer's CSS Reset entschieden und es funktioniert ziemlich gut.
Ich habe früher einen Hard Reset verwendet, der beinhaltete:
body * {margin:0;padding:0}Aber wenn Sie diese Regel überschreiben müssen, müssen Sie sich wieder auf das
bodybeziehen, um zu ändern, was Sie festgelegt haben. Sie haben vielleicht auch bemerkt, dass CSS-Hacks eine ähnliche Auswirkung auf die Kaskade haben.Ich verwende Eric Meyer's Reset-Styles. Anfangs war ich etwas skeptisch, hauptsächlich weil ich den Sinn darin nicht wirklich sah. Ich habe es jedoch ausprobiert und ich kann Ihnen sagen, dass es die Produktionszeit wirklich verkürzt...
Ich setze nur die Teile zurück, die zurückgesetzt werden müssen. All diese CSS-Frameworks haben zu viele Zeilen oder CSS, die ich gar nicht benutze... was eine größere Datei und längere Ladezeiten bedeutet. :)
@Colin & Chris: Das Blueprint-Framework verwendet Meyer's Reset... also keine Notwendigkeit, es zur Umfrage hinzuzufügen ;-)
Siehe: http://meyerweb.com/eric/tools/css/reset/
Mit dem neuesten Meyer's Reset kann man nichts falsch machen. ;)
Ich verwende lieber einen von Meyers Resets (seine Reset-Seite: http://meyerweb.com/eric/tools/css/reset/). Vorzugsweise den neuesten, mit einigen kleinen Anpassungen. Es gibt Elemente, die ich nicht regelmäßig oder aufgrund von DTD-Beschränkungen verwende, wie z. B.: strike, var, center, samp, address und del. Obwohl ich für viele davon Verwendungsmöglichkeiten sehe, brauche ich sie nicht so sehr wie den Rest.
Ich habe meine eigene reset.css-Datei, für die ich einiges an Kritik erhalten habe. So sehr "*" auch keine "Best Practice" sein mag, es funktioniert immer.
http://davidwalsh.name/advanced-css-using-a-resetcss-file-to-gain-complete-control/
Eric Meyer's Original-Reset. Ich bin noch nicht auf seine neueste Version umgestiegen.
Ich bin immer noch skeptisch, all diesen zusätzlichen Code für das Zurücksetzen von CSS-Resets zu verwenden...
Ich setze nur zurück, wenn es nötig ist. Da ich wahrscheinlich die meisten Elemente selbst formatieren werde, finde ich das Zurücksetzen oft nutzlos.
* hat sich für das allgemeine Zurücksetzen von Rand und Innenabstand als sehr nützlich erwiesen, aber ich stelle auch sicher, dass Tabellen und Bilder berücksichtigt werden. Je nach Projekt wird es etwas aufwendiger – Meyers Reset ist natürlich ein großartiges, aber oft mehr, als ich derzeit benötige.
Interessante Frage... Ich verwende tendenziell eine Variante des Meyer-Resets, aber auch andere, je nach Design. Perishable Press hat eine großartige Sammlung beliebter globaler CSS-Reset-Stile. Viele Optionen, einschließlich des Meyer-Resets. Cheers!
Danke für den Link, August! Das habe ich noch nicht gesehen, ich werde es später in dieser Woche im Ergebnisbeitrag der Umfrage erwähnen.
Ich bin ein bisschen ein Noob... Kann mir jemand genau erklären, was ein Reset ist? Überschreibt er die Browser-Standardwerte, die das Styling sonst zu einer Qual machen? Ich bin zurückhaltend, ihn zu verwenden, da ich kaum eine Ahnung habe, wozu er dient und Angst habe, etwas Nützliches zu verpassen.
Ich beginne mit der komprimierten Version von Meyer Reset. Normalerweise entferne oder ändere ich etwas.
Chris, Reset bedeutet sehr wohl Zurücksetzen (Rahmen, Innenabstand usw.). User Agents – hauptsächlich Browser, aber nicht nur – haben standardmäßig viele solcher Eigenschaften eingestellt. Es geht darum, sie zu beseitigen und von vorne anzufangen. Es ist entscheidend, digitale Dokumente über verschiedene User Agents hinweg konsistent zu halten.