In the previous chapter we gave each pre element a gray background. It looks OK, and it is good to have defaults, but sites want a say in how they look. Websites do that with Cascading Style Sheets (CSS), which allow web authors (and, as we’ll see, browser developers) to define how a web page ought to look.
Relearn CSS layout
If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves.
Our CSS isn't opinionated enough - Craig Abbott
Why styling on semantics and roles could make accessibility harder to skip
Our CSS isn't opinionated enough - Craig Abbott
Why styling on semantics and roles could make accessibility harder to skip
A few HTML tips – Mozilla Hacks - the Web developer blog
A while ago I wrote an article with some CSS tips, now it’s time to give some polish to our HTML! In this article I’ll share some tips and advice ...
Laying Out Pages | Web Browser Engineering
So far, layout has been a linear process that handles open tags and close tags independently. But web pages are trees, and look like them: borders and backgrounds visually nest inside one another. To support that, this chapter switches to tree-based layout, where the tree of elements is transformed into a tree of layout objects before drawing. In the process, we’ll make web pages more colorful with backgrounds.
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
CSS-Tricks has a new owner! | CSS-Tricks
Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous about that.
good-css
Strong opinions about modern CSS technique, borrowed from experts, for agents to know and reach for.
Issue 345 of CSS Layout News | Rachel Andrew | Offprint
Rachel Andrew shares tutorials, video, and browser news with a focus on CSS layout.
The State of CSS 2020: Conclusion
The annual survey about the latest trends in CSS.
CSS Generators: Your CSS code with less effort
A wide range of CSS Generators to build the future of the web. Add your setting, get your CSS code.
prefers-color-scheme: Hello darkness, my old friend | Articles | web.dev
Many devices now support an operating system wide dark mode or dark theme experience. This post explains how dark mode can be supported on web pages, lists best practices, and introduces a custom element named dark-mode-toggle that allows web developers to offer users a way to override their operating system level preference on specific web pages.
una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Combine three new CSS features to build fully adaptive themed components.
Water.css
A drop-in collection of CSS styles to make simple websites like this just a little bit nicer.
The Layout Maestro by Ahmad Shadeed
Build any web layout with confidence. Learn practical CSS layout through visual lessons, interactive demos, and a proven layout mindset.
New in Chrome 150 | Blog | Chrome for Developers
CSS text-fit property, Focusgroup declarative keyboard navigation, and CSS background-clip border-area.
