CSS Tutorials – Learn CSS from Basics to Advanced
CSS is what turns plain HTML into a page that looks intentional. These guides focus on the properties you'll reach for most often — typography, color, backgrounds, alignment, and layout — with clear explanations of when and why to use each approach.
Getting Started
CSS lives in its own file and connects to your HTML through a single link in the head. If you're not sure how to set that up, start here.
Learn CSS on Mimo
Text Formatting
Typography is one of the first places CSS shows its value. These guides cover everything from weight and style to custom fonts, sizing units, and text transforms, including a few common pitfalls worth knowing about.
- How to Make Text Bold in CSS
- How to Make Text Italic in CSS
- How to Underline Text in CSS
- How to Change Text Color in CSS
- How to Change Font in CSS
- How to Change Font Size in CSS
- How to Use Google Fonts in CSS
- How to Remove Hyphenation in CSS
- How to Transform Text in CSS
Backgrounds
Backgrounds do more than fill space. These guides walk through solid colors, image backgrounds, and gradients — and explain the properties that control how each one behaves inside its container.
- How to Change Background Color in CSS
- How to Add a Background Image in CSS
- How to Create a Gradient in CSS
Alignment and Layout
Getting things to sit where you want them is one of the trickier parts of CSS. These guides cover text alignment, centering elements at different levels, and the two layout systems — Flexbox and Grid — that handle most real-world page structures.
- How to Center Text in CSS
- How to Align Text in CSS
- How to Center an Image in CSS
- How to Center a Div in CSS
- How to Use Flexbox in CSS
- How to Use CSS Grid
Box Model & Spacing
Padding, margin, borders, and sizing are the core of how CSS controls space. These guides cover each property individually and the visual effects you can add on top.
- How to Add Padding in CSS
- How to Add Margin in CSS
- How to Add a Border in CSS
- How to Set Width and Height in CSS
- How to Resize an Image in CSS
- How to Round Corners in CSS
- How to Add a Box Shadow in CSS
Positioning & Visibility
How elements are placed on the page, whether they're visible, and how to handle overflow. These guides cover the positioning model, sticky elements, and hiding content without breaking layout.
- How to Position Elements in CSS
- How to Create a Sticky Footer in CSS
- How to Hide an Element in CSS
- How to Hide Scrollbar in CSS
Lists & Links
Styling the elements browsers give the most opinionated default styles to, list bullets, and link colors.
Tables & Forms
HTML tables and form elements need extra CSS attention to look polished. These guides cover the properties that matter most for each.
- How to Use Border Collapse in CSS
- How to Style a Table in CSS
- How to Style Input Fields in CSS
- How to Style a Button in CSS
- How to Add a Hover Effect in CSS
Selectors & the Cascade
Understanding how CSS decides which rules apply, and how to write selectors that target exactly what you need.
Join 35M+ people learning for free on Mimo
4.8 out of 5 across 1M+ reviews
Check us out on Apple AppStore, Google Play Store, and Trustpilot