Embracing Browser Default Styles: A Modern CSS Approach
By
robin_reala
A five-star bake. Worth schmearing, sharing, saving.
Summary
The author reflects on their previous advice about treating HTML elements as built-in browser components and realizes they weren't fully following their own guidance. They discuss the concept of embracing default element styles rather than resetting everything, drawing inspiration from the CSS Zen Garden approach to work with browser defaults rather than against them.
Key quotes
· 4 pulledThink of elements like components, but ones that come packed in the browser. Custom elements, without the "custom" part. You can just like, use them.
I wasn't really taking my own advice. Sure, I was setting some default element styles, but I was leaving a lot on the table.
Present me, positively roasted by past me.
Going "full CSS Zen Garden" with modern CSS.
You might also wanna read
The Evolution of CSS: From Presentational Styling to a Smarter, Logic-Driven Language
Gabriel Shoyombo explores the evolution of CSS from a purely presentational language into one with growing logical capabilities, examining f
Smashing Magazine·11mo ago
CSS Wrapped 2025: How CSS Evolves to Handle Logic, State, and Complex Interactions
The article discusses the 2025 CSS Wrapped report, highlighting how CSS has evolved beyond simple styling to handle logic, state, and comple
Smashing Magazine·5mo ago
CSS @scope Rule: A Native Solution for Scoped Styles and Component Isolation
The article discusses the new CSS @scope rule as a solution to the challenges of maintaining CSS in complex modern interfaces. It explains h
Smashing Magazine·3mo ago
Understanding CSS Specificity: Comparing Cascade Layers, BEM, and Utility Classes
The article explores the challenges of CSS specificity, comparing approaches like CSS Cascade Layers, BEM, and Utility Classes for better co
Smashing Magazine·11mo ago