CSS: Unavoidable Bad Parts
This title could be clearer and more informative.Try out Clickbait Shieldfor free (5 uses left this month).
A practical CSS guide aimed at non-web-developers who need to style a simple web page. Covers common pitfalls and gotchas including browser default styles and the need for CSS resets, the unintuitive box-sizing default (and why border-box should be first in your reset), margin collapsing behavior, the lack of a universal layout algorithm, why flexbox is the modern solution for spatial arrangement, font-size quirks and the font-size-adjust property, line-height surprises when mixing fonts, word-break overflow issues on mobile, and why responsive design can often be avoided with simple max-width constraints. Also touches on CSS selectors vs. classless CSS approaches and the philosophical debate around styling web content at all.