CSS & Styling References
CSS looks small at first and deep later. Bookmark a primary reference (MDN), a practical almanac (CSS-Tricks), and a compatibility checker (Can I Use) so you are not guessing from memory.
Frameworks like Bootstrap and Tailwind speed up polished layouts, but they can hide how CSS works. Learn flexbox, grid, and cascade basics first—or you will fight the framework instead of using it.
web.dev collects modern guidance from Google’s web team (performance, accessibility, baseline features). Use it for “how should I do this today?” alongside MDN’s “what does this property do?”
Learn & reference CSS
MDN — CSS
https://developer.mozilla.org/en-US/docs/Web/CSS
Definitive CSS reference and guides: selectors, properties, layout modules, and examples. Browser compatibility notes appear on many pages.
Your first stop when a property behaves differently than you expect.
CSS-Tricks Almanac
https://css-tricks.com/almanac/
Clear, example-heavy explanations of CSS properties and concepts. The Almanac is free to read; CSS-Tricks also publishes longer guides and articles.
Especially helpful for layout topics explained in plain language.
Can I Use
Compatibility tables for web features across browser versions. Search a property or API and see which engines support it.
Check here before relying on a brand-new CSS feature in a project others must use.
web.dev
Guides on modern HTML/CSS/JS practices, Core Web Vitals, accessibility, and progressive enhancement—maintained with Google’s web ecosystem in mind.
Use for best-practice overviews after you know the syntax.
Component frameworks (use carefully as beginners)
Bootstrap docs
https://getbootstrap.com/docs/
Documentation for Bootstrap’s grid, components, and utilities. The framework is free and open source; you copy CSS/JS into your project.
Fine for a quick admin-style UI—read the grid docs, and avoid pasting every component without understanding the markup.
Tailwind CSS docs
Utility-first CSS framework docs: installation, core concepts, and class reference. Tailwind is free/open source; paid products (UI kits) are optional.
Powerful once you know CSS fundamentals; beginners should still learn plain CSS so utility classes make sense.
Comments
One comment per signed-in account. Comments are saved with this page’s URL.