~~~CSS ul, ol, li { margin: 0; padding: 0; } ~~~ Andere empfahlen diese Regel mit dem Universalselektor `* {...}`, um gleich alle HTML-Elemente so zu „normalisieren“. Schließlich gab es das Problem unterschiedlicher Darstellungen auch beim Boxmodell-Fehler des Quirks Mode. Es gab immer radikalere CSS-Resets, die teilweise sogar Links erst einmal in Textfarbe und ohne Unterstreichung „normalisierten“. Eine Übersicht über diese CSS-Resets gibt es im [HTML Kitchen-Sink](https://codepen.io/chriscoyier/pen/JpLzjd) von Chris Coyier. [^1] [^1]: Ein ausführlichere Geschichte der CSS-Resets finden Sie bei Peter Müller: [Eine kurze Geschichte der »CSS Resets«](https://html-und-css.de/css-resets/) vom 20. Juli 2020 Nachdem der Internet Explorer nun von wenigen Reservaten abgesehen endlich ausgestorben ist und sich die Default-Stylesheets der anderen Browser nicht groß unterscheiden, stellt sich nun die Frage, ob CSS-Resets heute noch nötig sind und welche Einstellungen sie denn enthalten sollten. Elija Manor zeigt in dieser Visualiserung, dass eine Normalisierung einiger, weniger Eigenschaften bereits ausreichen würde: [](/images/27d59170-8335-11ec-a287-b42e9947ef30.png) Welche Eigenschaften sollte man heute normalisieren? <h2>all</h2> Elad Shechter schlug im Gespräch mit Chris Coyier ein neues CSS-Reset vor, das Gebrauch der neuen [all](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/all)-Eigenschaft und unset-Wertes macht. [^2] [^2]: css-tricks: [An Interview With Elad Shechter on “The New CSS Reset” ](https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/) am 19.10.2021 ~~~ CSS *:where(:not(iframe, canvas, img, svg, video):not(svg *)) { all: unset; display: revert; } ~~~ Mit diesen Zeilen werden alle Festlegungen des User-Agent-Stylesheets außer für die `display`-Eigenschaft entfernt. <h2>box-sizing</h2> In einem Folgepost überlegt Chris Coyier, ob [box-sizing](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/box-sizing) überhaupt noch normalisiert werden muss.[^3] [^3]: css-tricks: [Notes on Josh Comeau’s Custom CSS Reset ](https://css-tricks.com/notes-on-josh-comeaus-custom-css-reset/) von Chris Coyier, 05.01.2022 ~~~ CSS *, *::before, *::after { box-sizing: border-box; } ~~~ Da immer mehr Layouts mit Grid und Flexbox realisiert werden, bei denen `fr`-Einheiten und flexible Breiten zum Zuge kommen, ist die Einstellung des Box-Modells selbst bei Elementen mit `padding` und `margin` eigentlich nicht mehr nötig. <h2>text-size-adjust</h2> Mobile Safari vergrößert bei iPhones die Standardschriftgröße, wenn Sie eine Website vom Hoch- ins Querformat wechseln. Dies sollte die Lesbarkeit von nicht für Mobilgeräte optimierten Websites verbessern. Während dies in einer Zeit, in der buchstäblich keine Website für Mobilgeräte optimiert war, zweifellos nützlich war, ist es heutzutage deutlich weniger hilfreich. Deshalb ist hier ein CSS-Reset der [text-size-adjust](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/text-size-adjust)-Eigenschaft empfehlenswert. [^4] [^4]: css-tricks: [Your CSS reset needs text-size-adjust](https://css-tricks.com/your-css-reset-needs-text-size-adjust-probably/) von Chris Coyier am Feb 11, 2022 ~~~ CSS html { -webkit-text-size-adjust: none; text-size-adjust: none; } ~~~ PS: Im SELF-Wiki werden CSS-Resets in unserem [Einstieg in CSS](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg)-Kurs im [letzten Kapitel (Ausblick) ](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Ausblick#Normalisierung)beschrieben.

~~~CSS ul, ol, li { margin: 0; padding: 0; } ~~~ Andere empfahlen diese Regel mit dem Universalselektor `* {...}`, um gleich alle HTML-Elemente so zu „normalisieren“. Schließlich gab es das Problem unterschiedlicher Darstellungen auch beim Boxmodell-Fehler des Quirks Mode. Es gab immer radikalere CSS-Resets, die teilweise sogar Links erst einmal in Textfarbe und ohne Unterstreichung „normalisierten“. Eine Übersicht über diese CSS-Resets gibt es im [HTML Kitchen-Sink](https://codepen.io/chriscoyier/pen/JpLzjd) von Chris Coyier. [^1] [^1]: Ein ausführlichere Geschichte der CSS-Resets finden Sie bei Peter Müller: [Eine kurze Geschichte der »CSS Resets«](https://html-und-css.de/css-resets/) vom 20. Juli 2020 Nachdem der Internet Explorer nun von wenigen Reservaten abgesehen endlich ausgestorben ist und sich die Default-Stylesheets der anderen Browser nicht groß unterscheiden, stellt sich nun die Frage, ob CSS-Resets heute noch nötig sind und welche Einstellungen sie denn enthalten sollten. Elija Manor zeigt in dieser Visualiserung, dass eine Normalisierung einiger, weniger Eigenschaften bereits ausreichen würde: [](/images/27d59170-8335-11ec-a287-b42e9947ef30.png) Welche Eigenschaften sollte man heute normalisieren? <h2>all</h2> Elad Shechter schlug im Gespräch mit Chris Coyier ein neues CSS-Reset vor, das Gebrauch der neuen [all](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/all)-Eigenschaft und unset-Wertes macht. [^2] [^2]: css-tricks: [An Interview With Elad Shechter on “The New CSS Reset” ](https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/) am 19.10.2021 ~~~ CSS *:where(:not(iframe, canvas, img, svg, video):not(svg *)) { all: unset; display: revert; } ~~~ Mit diesen Zeilen werden alle Festlegungen des "User-Agent-Stylesheet" außer für die 'display'-Eigenschaft entfernt. <h2>box-sizing</h2> In einem Folgepost überlegt Chris Coyier, ob box-sizing noch normalisert werden muss.[^3] [^3]: css-tricks: [Notes on Josh Comeau’s Custom CSS Reset ](https://css-tricks.com/notes-on-josh-comeaus-custom-css-reset/) von Chris Coyier, 05.01.2022 ~~~ CSS *, *::before, *::after { box-sizing: border-box; } ~~~ Da immer mehr Layouts mit Grid und Flexbox realisiert werden, bei denen `fr`-Einheiten und flexible Breiten zum Zuge kommen, ist die Einstellung des Box-Modells selbst bei Elementen mit `padding` und `margin` eigentlich nicht mehr nötig. <h2>text-size-adjust</h2> Mobile Safari vergrößert bei iPhones die Standardschriftgröße, wenn Sie eine Website vom Hoch- ins Querformat wechseln. Dies sollte die Lesbarkeit von nicht für Mobilgeräte optimierten Websites verbessern. Während dies in einer Zeit, in der buchstäblich keine Website für Mobilgeräte optimiert war, zweifellos nützlich war, ist es heutzutage deutlich weniger hilfreich. Deshalb ist hier ein CSS-Reset empfehlenswert. [^4] [^4]: css-tricks: [Your CSS reset needs text-size-adjust](https://css-tricks.com/your-css-reset-needs-text-size-adjust-probably/) von Chris Coyier am Feb 11, 2022 ~~~ CSS html { -webkit-text-size-adjust: none; text-size-adjust: none; } ~~~ PS: Im SELF-Wiki werden CSS-Resets in unserem [Einstieg in CSS](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg)-Kurs im [letzten Kapitel (Ausblick) ](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Ausblick#Normalisierung)beschrieben.

~~~CSS ul, ol, li { margin: 0; padding: 0; } ~~~ Andere empfahlen diese Regel mit dem Universalselektor `* {...}`, um gleich alle HTML-Elemente so zu „normalisieren“. Schließlich gab es das Problem unterschiedlicher Darstellungen auch beim Boxmodell-Fehler des Quirks Mode. Es gab immer radikalere CSS-Resets, die teilweise sogar Links erst einmal in Textfarbe und ohne Unterstreichung „normalisierten“. Eine Übersicht über diese CSS-Resets gibt es im [HTML Kitchen-Sink](https://codepen.io/chriscoyier/pen/JpLzjd) von Chris Coyier. [^1] [^1]: Ein ausführlichere Geschichte der CSS-Resets finden Sie bei Peter Müller: [Eine kurze Geschichte der »CSS Resets«](https://html-und-css.de/css-resets/) vom 20. Juli 2020 Nachdem der Internet Explorer nun endlich ausgestorben ist und sich die Default-Stylesheets der anderen Browser nicht groß unterscheiden, stellt sich nun die Frage, ob CSS-Resets heute noch nötig sind und welche Einstellungen sie denn enthalten sollten. Elija Manor zeigt in dieser Visualiserung, dass eine Normalisierung einiger, weniger Eigenschaften bereits ausreichen würde: [](/images/27d59170-8335-11ec-a287-b42e9947ef30.png) Welche Eigenschaften sollte man heute normalisieren? <h2>all</h2> Elad Shechter schlug im Gespräch mit Chris Coyier ein neues CSS-Reset vor, das Gebrauch der neuen [all](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/all)-Eigenschaft und unset-Wertes macht. [^2] [^2]: css-tricks: [An Interview With Elad Shechter on “The New CSS Reset” ](https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/) am 19.10.2021 ~~~ CSS *:where(:not(iframe, canvas, img, svg, video):not(svg *)) { all: unset; display: revert; } ~~~ Mit diesen Zeilen werden alle Festlegungen des "User-Agent-Stylesheet" außer für die 'display'-Eigenschaft entfernt. <h2>box-sizing</h2> In einem Folgepost überlegt Chris Coyier, ob box-sizing noch normalisert werden muss.[^3] [^3]: css-tricks: [Notes on Josh Comeau’s Custom CSS Reset ](https://css-tricks.com/notes-on-josh-comeaus-custom-css-reset/) von Chris Coyier, 05.01.2022 ~~~ CSS *, *::before, *::after { box-sizing: border-box; } ~~~ Da immer mehr Layouts mit Grid und Flexbox realisiert werden, bei denen `fr`-Einheiten und flexible Breiten zum Zuge kommen, ist die Einstellung des Box-Modells selbst bei Elementen mit `padding` und `margin` eigentlich nicht mehr nötig. <h2>text-size-adjust</h2> Mobile Safari vergrößert bei iPhones die Standardschriftgröße, wenn Sie eine Website vom Hoch- ins Querformat wechseln. Dies sollte die Lesbarkeit von nicht für Mobilgeräte optimierten Websites verbessern. Während dies in einer Zeit, in der buchstäblich keine Website für Mobilgeräte optimiert war, zweifellos nützlich war, ist es heutzutage deutlich weniger hilfreich. Deshalb ist hier ein CSS-Reset empfehlenswert. [^4] [^4]: css-tricks: [Your CSS reset needs text-size-adjust](https://css-tricks.com/your-css-reset-needs-text-size-adjust-probably/) von Chris Coyier am Feb 11, 2022 ~~~ CSS html { -webkit-text-size-adjust: none; text-size-adjust: none; } ~~~ PS: Im SELF-Wiki werden CSS-Resets in unserem [Einstieg in CSS](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg)-Kurs im [letzten Kapitel (Ausblick) ](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Ausblick#Normalisierung)beschrieben.

~~~CSS ul, ol, li { margin: 0; padding: 0; } ~~~ Andere empfahlen diese Regel mit dem Universalselektor `* {...}`, um gleich alle HTML-Elemente so zu „normalisieren“. Schließlich gab es das Problem unterschiedlicher Darstellungen auch beim Boxmodell-Fehler des Quirks Mode. Es gab immer radikalere CSS-Resets, die teilweise sogar Links erst einmal in Textfarbe und ohne Unterstreichung „normalisierten“. Eine Übersicht über diese CSS-Resets gibt es im [HTML Kitchen-Sink](https://codepen.io/chriscoyier/pen/JpLzjd) von Chris Coyier. [^1] [^1]: Ein ausführlichere Geschichte der CSS-Resets finden Sie bei Peter Müller: [Eine kurze Geschichte der »CSS Resets«](https://html-und-css.de/css-resets/) vom 20. Juli 2020 Nachdem der Internet Explorer nun endlich ausgestorben ist und sich die Default-Stylesheets der anderen Browser nicht groß unterscheiden, stellt sich nun die Frage, ob CSS-Resets heute noch nötig sind und welche Einstellungen sie denn enthalten sollten. Elija Manor zeigt in dieser Visualiserung, dass eine Normalisierung einiger, weniger Eigenschaften bereits ausreichen würde: [](/images/27d59170-8335-11ec-a287-b42e9947ef30.png) Welche Eigenschaften sollte man heute normalisieren? <h2>all</h2> Elad Shechter schlug im Gespräch mit Chris Coyier ein neues CSS-Reset vor, das Gebrauch der neuen [all](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/all)-Eigenschaft und unset-Wertes macht. [^2] [^2]: css-tricks: [An Interview With Elad Shechter on “The New CSS Reset” ](https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/) am 19.10.2021 ~~~ CSS *:where(:not(iframe, canvas, img, svg, video):not(svg *)) { all: unset; display: revert; } ~~~ Mit diesen Zeilen werden alle Festlegungen des "User-Agent-Stylesheet" außer für die 'display'-Eigenschaft entfernt. <h2>box-sizing</h2> In einem Folgepost überlegt Chris Coyier, ob box-sizing noch normalisert werden muss.[^3] [^3]: css-tricks: [Notes on Josh Comeau’s Custom CSS Reset ](https://css-tricks.com/notes-on-josh-comeaus-custom-css-reset/) von Chris Coyier, 05.01.2022 ~~~ CSS *, *::before, *::after { box-sizing: border-box; } ~~~ Da immer mehr Layouts mit Grid und Flexbox realisiert werden, bei denen `fr`-Einheiten und flexible Breiten zum Zuge kommen, ist die Einstellung des Box-Modells selbst bei Elementen mit `padding` und `margin` eigentlich nicht mehr nötig. <h2>text-size-adjust</h2> Mobile Safari vergrößert bei iPhones die Standardschriftgröße, wenn Sie eine Website vom Hoch- ins Querformat wechseln. Dies sollte die Lesbarkeit von nicht für Mobilgeräte optimierten Websites verbessern. Während dies in einer Zeit, in der buchstäblich keine Website für Mobilgeräte optimiert war, zweifellos nützlich war, ist es heutzutage deutlich weniger hilfreich. Deshalb ist hier ein CSS-Reset empfehlenswert. [^4] [^4]: css-tricks: [Your CSS reset needs text-size-adjust](https://css-tricks.com/your-css-reset-needs-text-size-adjust-probably/) von Chris Coyier am Feb 11, 2022 ~~~ CSS html { -webkit-text-size-adjust: none; text-size-adjust: none; } ~~~

~~~CSS ul, ol, li { margin: 0; padding: 0; } ~~~ Andere empfahlen diese Regel mit dem Universalselektor `* {...}`, um gleich alle HTML-Elemente so zu „normalisieren“. Schließlich gab es das Problem unterschiedlicher Darstellungen auch beim Boxmodell-Fehler des Quirks Mode. Es gab immer radikalere CSS-Resets, die teilweise sogar Links erst einmal in Textfarbe und ohne Unterstreichung „normalisierten“. Eine Übersicht über diese CSS-Resets gibt es im [HTML Kitchen-Sink](https://codepen.io/chriscoyier/pen/JpLzjd) von Chris Coyier. [^1] [^1]: Ein ausführlichere Geschichte der CSS-Resets finden Sie bei Peter Müller: [Eine kurze Geschichte der »CSS Resets«](https://html-und-css.de/css-resets/) vom 20. Juli 2020 Nachdem der Internet Explorer nun endlich ausgestorben ist und sich die Default-Stylesheets der anderen Browser nicht groß unterscheiden, stellt sich nun die Frage, ob CSS-Resets heute noch nötig sind und welche Einstellungen sie denn enthalten sollten. Elija Manor zeigt in dieser Visualiserung, dass eine Normalisierung einiger, weniger Eigenschaften bereits ausreichen würde: [](/images/27d59170-8335-11ec-a287-b42e9947ef30.png) Welche Eigenschaften sollte man heute in einem Normaliserungsstylesheet vereinheitlichen? <h2>all</h2> Elad Shechter schlug im Gespräch mit Chris Coyier ein neues CSS-Reset vor, das Gebrauch der neuen [all](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/all)-Eigenschaft und unset-Wertes macht. [^2] [^2]: css-tricks: [An Interview With Elad Shechter on “The New CSS Reset” ](https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/) am 19.10.2021 ~~~ CSS *:where(:not(iframe, canvas, img, svg, video):not(svg *)) { all: unset; display: revert; } ~~~ entferne alle Festlegungen des "User-Agent-Stylesheet", außer für die 'display'-Eigenschaft <h2>box-sizing</h2> In einem Folgepost überlegt Chris Coyier, ob box-sizing noch normalisert werden muss.[^3] [^3]: css-tricks: [Notes on Josh Comeau’s Custom CSS Reset ](https://css-tricks.com/notes-on-josh-comeaus-custom-css-reset/) von Chris Coyier, 05.01.2022 ~~~ CSS *, *::before, *::after { box-sizing: border-box; } ~~~ Da immer mehr Layouts mit Grid und Flexbox realisiert werden, bei denen `fr`-Einheiten und flexible Breiten zum Zuge kommen, ist die Box-Größe Modell selbst bei Elementen mit `padding` und `margin` nicht mehr nötig. <h2>text-size-adjust</h2> Mobile Safari vergrößert bei iPhones die Standardschriftgröße, wenn Sie eine Website vom Hoch- ins Querformat wechseln. Dies sollte die Lesbarkeit von nicht für Mobilgeräte optimierten Websites verbessern. Während dies in einer Zeit, in der buchstäblich keine Website für Mobilgeräte optimiert war, zweifellos nützlich war, ist es heutzutage deutlich weniger hilfreich. Deshalb ist hier ein CSS-Reset empfehlenswert. [^4] [^4]: css-tricks: [Your CSS reset needs text-size-adjust](https://css-tricks.com/your-css-reset-needs-text-size-adjust-probably/) von Chris Coyier am Feb 11, 2022 ~~~ CSS html { -webkit-text-size-adjust: none; text-size-adjust: none; } ~~~

~~~CSS ul, ol, li { margin: 0; padding: 0; } ~~~ Andere empfahlen diese Regel mit dem Universalselektor `* {...}`, um gleich alle HTML-Elemente so zu „normalisieren“. Schließlich gab es das Problem unterschiedlicher Darstellungen auch beim Boxmodell-Fehler des Quirks Mode. Es gab immer radikalere CSS-Resets, die teilweise sogar Links erst einmal in Textfarbe und ohne Unterstreichung „normalisierten“. Eine Übersicht über diese CSS-Resets gibt es im [HTML Kitchen-Sink](https://codepen.io/chriscoyier/pen/JpLzjd) von Chris Coyier. [^1] [^1]: Ein ausführlichere Geschichte der CSS-Resets finden Sie bei Peter Müller: [Eine kurze Geschichte der »CSS Resets«](https://html-und-css.de/css-resets/) vom 20. Juli 2020 Nachdem der Internet Explorer nun endlich ausgestorben ist und sich die Default-Stylesheets der anderen Browser nicht groß unterscheiden, stellt sich nun die Frage, ob CSS-Resets heute noch nötig sind und welche Einstellungen sie denn enthalten sollten. Elija Manor zeigt in dieser Visualiserung, dass eine Normalisierung einiger, weniger Eigenschaften bereits ausreichen würde: [](/images/27d59170-8335-11ec-a287-b42e9947ef30.png) Welche Eigenschaften sollte man heute in einem Normaliserungsstylesheet vereinheitlichen? <h2>all</h2> Elad Shechter schlug im Gespräch mit Chris Coyier ein neues CSS-Reset vor, das Gebrauch der neuen [all](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/all)-Eigenschaft und unset-Wertes macht. [^2] [^2]: css-tricks: [An Interview With Elad Shechter on “The New CSS Reset” ](https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/) am 19.10.2021 ~~~ CSS *:where(:not(iframe, canvas, img, svg, video):not(svg *)) { all: unset; display: revert; } ~~~ entferne alle Festlegungen des "User-Agent-Stylesheet", außer für die 'display'-Eigenschaft <h2>box-sizing</h2> Ob eine <h2>text-size-adjust</h2> Mobile Safari vergrößert bei iPhones die Standardschriftgröße, wenn Sie eine Website vom Hoch- ins Querformat wechseln. Dies sollte die Lesbarkeit von nicht für Mobilgeräte optimierten Websites verbessern. Während dies in einer Zeit, in der buchstäblich keine Website für Mobilgeräte optimiert war, zweifellos nützlich war, ist es heutzutage deutlich weniger hilfreich. Deshalb ist hier ein CSS-Reset empfehlenswert. [^3] [^3]: css-tricks: [Your CSS reset needs text-size-adjust](https://css-tricks.com/your-css-reset-needs-text-size-adjust-probably/) von Chris Coyier am Feb 11, 2022 ~~~ CSS html { -webkit-text-size-adjust: none; text-size-adjust: none; } ~~~

~~~CSS ul, ol, li { margin: 0; padding: 0; } ~~~ Andere empfahlen diese Regel mit dem Universalselektor `* {...}`, um gleich alle HTML-Elemente so zu „normalisieren“. Schließlich gab es das Problem unterschiedlicher Darstellungen auch beim Boxmodell-Fehler des Quirks Mode. Es gab immer radikalere CSS-Resets, die teilweise sogar Links erst einmal in Textfarbe und ohne Unterstreichung „normalisierten“. Eine Übersicht über diese CSS-Resets gibt es im [HTML Kitchen-Sink](https://codepen.io/chriscoyier/pen/JpLzjd) von Chris Coyier. [^1] [^1]: Ein ausführlichere Geschichte der CSS-Resets finden Sie bei Peter Müller: [Eine kurze Geschichte der »CSS Resets«](https://html-und-css.de/css-resets/) vom 20. Juli 2020 Nachdem der Internet Explorer nun endlich ausgestorben ist und sich die Default-Stylesheets der anderen Browser nicht groß unterscheiden, stellt sich nun die Frage, ob CSS-Resets heute noch nötig sind und welche Einstellungen sie denn enthalten sollten. Elija Manor zeigt in dieser Visualiserung, dass eine Normalisierung einiger, weniger Eigenschaften bereits ausreichen würde: [](/images/27d59170-8335-11ec-a287-b42e9947ef30.png) Welche Eigenschaften sollte man heute in einem Normaliserungsstylesheet vereinheitlichen? <h2>all</h2> Elad Shechter schlug im Gespräch mit Chris Coyier ein neues CSS-Reset vor, das Gebrauch der neuen [all](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/all)-Eigenschaft und unset-Wertes macht. [^2] [^2]: css-tricks: [An Interview With Elad Shechter on “The New CSS Reset” ](https://css-tricks.com/an-interview-with-elad-shechter-on-the-new-css-reset/) am 19.10.2021 ~~~ CSS *:where(:not(iframe, canvas, img, svg, video):not(svg *)) { all: unset; display: revert; } ~~~ entferne alle Festlegungen des "User-Agent-Stylesheet", außer für die 'display'-Eigenschaft <h2>box-sizing</h2> Ob eine <h2>text-size-adjust</h2> Mobile Safari vergrößert bei iPhones die Standardschriftgröße, wenn Sie eine Website vom Hoch- ins Querformat wechseln. Safari macht das schon seit langem, um die Lesbarkeit von nicht für Mobilgeräte optimierten Websites zu verbessern. Während dies in einer Zeit, in der buchstäblich keine Website für Mobilgeräte optimiert war, zweifellos nützlich war, ist es heutzutage deutlich weniger hilfreich. Deshalb ist hier ein CSS-Reset nützlich. [^3] [^3]: css-tricks: [Your CSS reset needs text-size-adjust](https://css-tricks.com/your-css-reset-needs-text-size-adjust-probably/) von Chris Coyier am Feb 11, 2022 ~~~ CSS html { -webkit-text-size-adjust: none; text-size-adjust: none; } ~~~

~~~CSS ul, ol, li { margin: 0; padding: 0; } ~~~ Andere empfahlen diese Regel mit dem Universalselektor `* {...}`, um gleich alle HTML-Elemente so zu „normalisieren“. Schließlich gab es das Problem unterschiedlicher Darstellungen auch beim Boxmodell-Fehler des Quirks Mode. Es gab immer radikalere CSS-Resets, die teilweise sogar Links erst einmal in Textfarbe und ohne Unterstreichung „normalisierten“. eine Übersicht gibt es im [HTML Kitchen-Sink](https://codepen.io/chriscoyier/pen/JpLzjd) von Chris Coyier. [^1] [^1]: Ein ausführlichere Geschichte der CSS-Resets finden Sie bei Peter Müller: [Eine kurze Geschichte der »CSS Resets«](https://html-und-css.de/css-resets/) vom 20. Juli 2020 Nachdem der Internet Explorer nun endlich ausgestorben ist und sich die Default-Stylesheets der anderen Browser nicht groß unterscheiden, stellt sich nun die Frage, ob CSS-Resets heute noch nötig sind und welche Einstellungen sie denn enthalten sollten. <hr> Elija Manor zeigt in dieser Visualiserung, dass eine Normalisierung einiger, weniger Eigenschaften bereits ausreichen würde: [](/images/27d59170-8335-11ec-a287-b42e9947ef30.png) Welche Eigenschaften sollte man heute in einem Normaliserungsstylesheet vereinheitlichen? <h2>text-size-adjust</h2> Mobile Safari vergrößert bei iPhones die Standardschriftgröße, wenn Sie eine Website vom Hoch- ins Querformat wechseln. Safari macht das schon seit langem, um die Lesbarkeit von nicht für Mobilgeräte optimierten Websites zu verbessern. Während dies in einer Zeit, in der buchstäblich keine Website für Mobilgeräte optimiert war, zweifellos nützlich war, ist es heutzutage deutlich weniger hilfreich. Deshalb ist hier ein CSS-Reset nützlich. [^2] [^2]: css-tricks: [Your CSS reset needs text-size-adjust (probably) ](https://css-tricks.com/your-css-reset-needs-text-size-adjust-probably/) Chris Coyier am Feb 11, 2022 ~~~ CSS html { -webkit-text-size-adjust: none; text-size-adjust: none; } ~~~

~~~CSS ul, ol, li { margin: 0; padding: 0; } ~~~ Andere empfahlen diese Regel mit dem Universalselektor `* {...}` gleich alle HTML-Elemente so zu „normalisieren“. Auch collapsing margins und der Boxmodell-Fehler des Quirks Mode konnten so [](/images/27d59170-8335-11ec-a287-b42e9947ef30.png) <hr> Nachdem der Internet explorer nun endlich ausgestorben ist und sich die Default-Stylesheets der anderen Browser nicht groß unterscheiden, stellt sich nun die frage, ob CSS-Resets heute noch nötig sind und welche Einstellungen sie denn enthaqlten sollten.

Kommt noch!