.css

What is a .css file?

CSS is the stylesheet language for the web — controlling layout, colours, fonts, animations, and responsive design for HTML documents.

Safe format
Type Code
By W3C
MIME text/css

Drop any file to identify it

No upload. No signup. No sending your file halfway across the internet.
We tell you what it is, right here in your browser.

What is it

You're looking at a .css file — the stylesheet that controls how a web page looks. HTML defines what's on the page (headings, paragraphs, images). CSS defines how it looks (colours, fonts, layout, spacing, animations). Every styled website uses CSS. There is no alternative.

CSS stands for Cascading Style Sheets — "cascading" because styles can override each other based on specificity, source order, and inheritance. This cascade is both CSS's greatest strength (you can style an entire site from a single file) and its greatest source of frustration (figuring out why a button is blue when you told it to be green). Modern CSS includes flexbox, grid, custom properties (variables), animations, transitions, media queries for responsive design, and container queries.

Any text editor opens CSS. VS Code provides syntax highlighting, auto-completion, and colour previews. CSS changes are visible instantly in the browser (right-click → Inspect → edit styles live). For maintainable stylesheets in large projects, CSS preprocessors like SCSS add variables, nesting, and mixins — but they compile down to regular CSS in the end.

Technical details
Full Name
Cascading Style Sheets
MIME Type
text/css
Developer
W3C
Magic Bytes
N/A
Safety
.css is a known, safe format.
What opens it
Any text editor
FREE All
VS Code
FREE All
FAQ
What's the difference between CSS and SCSS?
CSS is the standard stylesheet language browsers understand. SCSS (Sassy CSS) is a preprocessor that adds variables, nesting, mixins, and functions — then compiles to regular CSS. SCSS makes large stylesheets more maintainable but adds a build step.
Do I need CSS if I'm using a framework like Tailwind?
Tailwind generates CSS — it's utility classes that map to CSS properties. Understanding CSS is still essential, because Tailwind is CSS with a different authoring model. When something looks wrong, you're debugging CSS.
Related formats