Learn CSS
Master web design and layout. Cascading Style Sheets (CSS) brings your web pages to life with colors, typography, flexbox, grid, and animations.
What is CSS?
CSS (Cascading Style Sheets) is the language used to style and present HTML elements on the web. While HTML structures content, CSS defines visual appearance, positioning, spacing, colors, fonts, and responsive grid layouts.
With CSS, you can transform plain HTML text into visually stunning, interactive websites that look great across smartphones, tablets, and desktop displays.
Getting Started with CSS
You link CSS to an HTML page using the <link> element in the <head>, or write styles in a .css file:
Basic CSS Stylesheet
/* styles.css */
body {
font-family: 'Inter', system-ui, sans-serif;
background-color: #f8fafc;
color: #0f172a;
line-height: 1.6;
}
.hero-title {
font-size: 2.5rem;
font-weight: 800;
color: #2563eb;
margin-bottom: 1rem;
}
Want to test this live? Open the HTMLSave Editor, add your CSS inside a <style> block, and host your styled page instantly!