Skip to content

Try our new Crash Courses!

Become a member using the button below to hide this banner and gain access to our new Crash Courses.

Creating a CSS file


The file extension for CSS files is .css.

To create a new CSS file in your text editor, create a new file using the menu or keyboard shortcut and then save it. In the dialog that pops up, give it a name and add the .css file extension at the end. As an example, you could name it main.css.

If the file name contains multiple words, use dashes to separate the words instead of spaces, like fonts-and-colors.css.


First, create a CSS file in your project folder called main.css. Then create a second CSS file in this folder with a custom name.


CSS basics on MDN

Back to: CSS Reference > CSS Introduction