Styling a Notepad Created Web Page with CSS

Create the CSS Style Sheet

Create the CSS Style Sheet

Jennifer Kyrnin

The same way we created a separate text file for the HTML, you will create a text file for the CSS. If you need visuals for this process please see the first tutorial. Here are the steps to create your CSS style sheet in Notepad:

1. Choose File > New in Notepad to get an empty window
2. Save the file as CSS by clicking File < Save As...
3. Navigate to the my_website folder on your hard drive
4. Change the "Save As Type:" to "All Files"
5. Name your file "styles.css" (leave off the quotes) and click Save

• Create the CSS Style Sheet
• Link the CSS Style Sheet to Your HTML
• Fix the Page Margins
• Changing the Font on the Page
• Making Your Links More Interesting
• Styling the Navigation Section
• Positioning the Main Section
• Styling Your Paragraphs
• Styling the Images
• Now Look at Your Completed Page