Referencing External Style Sheet

Connect Style Sheet to HTML File

Create New HTML file in your notepad

<!DOCTYPE html>

<head>
<link rel="stylesheet" type="text/css" href="style1.css">

<title> My CSS Style Sheet </title>
</head>


<body>

<p> This is a paragraph </p>

</body>
</html>

TIP: style1.css is the file name of your CSS sheet - make sure this matches the file stored in your folder

There will be NO formatting on this page, just the basic HTML tags and our content

When you open the HTML File in Chrome - the paragraph should be red and centered.

PreviousCSS Intro & File Set Up NextCSS Declaration Examples

Last updated 6 years ago