HTML and CSS are the two building blocks of every website, and you can learn both completely free using courses, interactive games, documentation and communities built by the web development world. This guide collects the best free ways to go from your first tag to building real, responsive layouts.
A free, project based certification covering semantic HTML, forms, accessibility, Flexbox, and CSS Grid, ending in a real exam.
The Odin Project's free, project based path that teaches how the web works and builds HTML and CSS fundamentals from scratch.
The Odin Project's follow-up course for going beyond basics into more advanced layout and styling techniques.
An interactive free course where you edit the instructor's code directly in the browser while building five real projects.
A free four hour interactive course that builds your first web pages while explaining core concepts as you go.
About eight hours of free talk-throughs, coding challenges and projects covering common HTML tags and CSS selectors.
A free beginner course covering the HTML basics needed to structure and edit web pages.
A free, roughly six hour beginner CSS course that teaches how to visually style plain HTML.
Google's free evergreen CSS course covering the box model, cascade, flexbox, grid and more, with interactive demos and self-assessments.
A free combined tutorial that teaches HTML markup and CSS styling together with editable, runnable examples in every chapter.
A university course you can audit for free to learn the fundamentals of HTML, CSS and JavaScript together.
A W3C authored course on edX that can be audited for free and covers HTML5 and CSS fundamentals from the standards body itself.
A free-to-audit CSS fundamentals course from the World Wide Web Consortium covering styling, selectors and layout basics.
Over a thousand free videos almost entirely focused on CSS, from fundamentals to advanced modern layout techniques.
A structured free playlist that walks through CSS fundamentals from the ground up.
Over a thousand free tutorials and crash courses from Brad Traversy, including foundational HTML and CSS crash courses.
A dedicated free playlist covering HTML and CSS topics step by step from Traversy Media.
Free, full length HTML and CSS tutorials and crash courses, including multi-hour beginner to pro walkthroughs.
Over 2000 free programming tutorials including dedicated CSS, Flexbox, Grid, animations and variables playlists.
A free beginner focused CSS playlist for people who already know basic HTML and want to start styling pages.
Free, efficient and practical tutorials, including a fast CSS crash course covering syntax, the box model and best practices.
Free tutorials mixing design sense with HTML and CSS coding, taught by a full-stack developer with a strong design eye.
A free full length HTML and CSS video course taught by Scrimba's founder, hosted on freeCodeCamp's YouTube channel.
A free six hour CSS video course covering the language in depth, published through freeCodeCamp's news site and YouTube channel.
MDN's free structured tutorial on using HTML to properly structure a webpage's content.
MDN's free walkthrough of core CSS styling concepts, syntax and techniques for beginners.
Nine free step-by-step and reference tutorials split across beginner, intermediate and advanced HTML and CSS.
A free, comprehensive guide covering HTML and CSS fundamentals through all the common elements of front end design.
The free follow-up guide that goes deeper into modern front end development techniques beyond the basics.
A free 23 chapter series that walks through every CSS fundamental from CSS-Tricks, a long-running web design resource.
The definitive free reference explaining every Flexbox property with visual demos and browser support notes.
The definitive free reference on CSS Grid, covering every property for both the grid container and its items.
A free collection of deeply illustrated articles on stacking contexts, Flexbox, units, subgrid and other CSS topics.
Free, historically influential articles on CSS design, layout and web standards from a foundational web design publication.
Free in-depth articles on HTML topics like semantic markup and Web Components from a respected design and dev publication.
Free articles covering modern CSS techniques, layout and creative use of new CSS features.
A free guide collecting Smashing Magazine's best writing on how CSS layout has evolved and how to master it.
A free collection of short, focused examples and videos demonstrating the CSS Grid specification, from a CSS Working Group member.
A free game that teaches CSS Flexbox through 24 levels of guiding frogs to their lily pads with real Flexbox code.
A free game from the same creator as Flexbox Froggy that teaches CSS Grid across 28 levels of growing a carrot garden.
A free game with 26 levels that teaches CSS selectors by having you pick out items from a dinner table.
A free platform with 250+ challenges where you recreate target images using the shortest HTML and CSS possible.
A free, ranked set of small HTML and CSS coding challenges with community solutions to compare against once solved.
120+ real-world coding challenges with design files, many free, for practicing HTML and CSS by building actual interfaces.
A free, no-registration challenge series to sharpen CSS skills by building something new every day for 100 days.
A free online editor and community for building, sharing and exploring HTML, CSS and JavaScript snippets and projects.
A free online code playground for quickly writing, testing and sharing HTML, CSS and JavaScript snippets.
Free short exercises with instant feedback to check your understanding of HTML as you learn it.
Free short exercises with instant feedback to check your understanding of CSS concepts and properties.
The authoritative free reference documentation for every HTML element and attribute, maintained collaboratively by the web community.
The authoritative free reference documentation for CSS properties, selectors and features, with interactive examples.
A free hub of structured tutorials from Mozilla covering web development topics for all skill levels.
The free web version of Shay Howe's advanced HTML and CSS book, going deeper into modern front end techniques.
A free, complete reference-style tutorial covering all HTML tags with runnable examples.
A free, complete reference-style tutorial covering CSS properties and selectors with runnable examples.
A free reference showing which browsers support which CSS3 features, useful when deciding what to rely on.
A free, open source code editor for Windows, macOS and Linux with strong built-in support for HTML, CSS and web development extensions.
Free browser tools built into Firefox for inspecting, editing and debugging HTML and CSS, including a dedicated CSS Grid inspector.
MDN's free guide explaining how to use the developer tools built into every modern browser to inspect and debug HTML and CSS.
A free tool showing up-to-date browser support tables for HTML, CSS and JavaScript features before you use them.
A free tool that calculates and compares the specificity of CSS selectors, supporting modern Selectors Level 4 syntax.
A free, open source library of over 1,400 web fonts you can add to any HTML and CSS project with a simple stylesheet link.
A free, twice-weekly web development podcast from Wes Bos and Scott Tolinski covering CSS, JavaScript and modern tooling.
A free, long-running podcast about front end web design and development, with over 160 episodes tagged CSS.
A free podcast from Google developer advocates breaking down individual CSS features and concepts episode by episode.
A free interactive HTML cheat sheet with live examples and a downloadable PDF version.
A free, alphabetically organized reference of CSS properties, selectors, functions and at-rules with explanations and examples.
The properties section of the free CSS-Tricks Almanac, covering layout, visual, animation and text properties in detail.
A free visual tool for understanding and calculating CSS selector specificity scores.
The free official documentation for the BEM naming methodology, covering key concepts, naming conventions and file structure.
A free, curated GitHub list of CSS and SCSS frameworks, tools and learning resources.
A free, tightly curated GitHub list limited specifically to the best CSS learning resources.
A free, active forum with 250,000-plus members where beginners can ask HTML and CSS questions and get help within hours.
A free Discord community with a dedicated beginners channel for getting help with coding challenges and general questions.
A free, long-standing site offering tutorials, references and articles that doubles as a resource hub and community touchstone for HTML and CSS learners.
A free collection of 50-plus small HTML, CSS and JavaScript projects you can build one at a time to practice real techniques.
A free hub of front end design-to-code challenges where you recreate provided designs using HTML and CSS.
Free real-world project briefs and design files for practicing HTML and CSS by building actual websites and interfaces.
A free step-by-step guide to building an HTML and CSS portfolio site and publishing it live at no cost with GitHub Pages.
A free practical guide to applying accessibility and semantic HTML principles while building real pages.