Assignment 9: Color
<link rel="stylesheet" type="text/css" href="#" / >
Provide the relative or absolute URL as the value to the
href="" attribute. This tells the browser where the document is located at.
The process of linking CSS documents is the same as you’ve been doing for other site files, such as images and videos.
External Style Sheets
Many sites link out to external CSS documents as well, and will be linked via an absolute URL.
<head> <title>Tuna the Cat</title> <link rel="stylesheet" type="text/css" href="https://codepen.io/rachelnabors/pen/bpAJH.css"> </head>
Internal Style Sheets
Internal files, like your own created CSS document, should be linked via relative URL.
<head> <title>Tuna the Cat</title> <link rel="stylesheet" type="text/css" href="./css/style.css"> </head>
NOTE: When linking the same stylesheet in your child pages, you would need to add an additional ‘dot’ to your file path (
../) to move up a directory.