From the course: CSS Essential Training

Unlock the full course today

Join today to access over 23,200 courses taught by industry experts.

Project: Creating a CSS file

Project: Creating a CSS file - CSS Tutorial

From the course: CSS Essential Training

Project: Creating a CSS file

- [Instructor] Now that we've completed all the project prep and HTML updates, the next step is to create a CSS file. In the editor, go to File, New File, or use the keyboard shortcut Command or Control + N. The CSS file can have any name, but it's common to use global, the project name, or styles, which is what I'll be using. Save it with a .css file extension. And add it to your CSS folder. Back in the index.html file, add the link tag, which can be included anywhere within the head section. I'll add mine under the title tag. Let's use the autocomplete shortcut again. Type the element name, link, but without the angled brackets, then press the tab key. Reminder, this is a void element, so it doesn't need a closing tag. Let's update the href value to point to the CSS file. Add the folder name first, which is css/ then the file name. Save the file, then copy this line and add it to the resume.html page as well. When…

Contents