1<html>
2 <head>
3 <title>CSS Styling</title>
4 <!-- `./` because the file is in the same directory as the HTML file -->
5 <link rel="stylesheet" type="text/css" href="./styles.css" />
6 </head>
7 <body>
8 <h1>CSS Styling</h1>
9 </body>
10</html>
11
1/*a normal, unvisited link*/
2a:link{
3 color: green;
4}
5/*a link the user has visited*/
6a:visited{
7 color: purple;
8}
9/*a link when the user mouses over it*/
10a:hover{
11 color: yellow;
12}
13/*a link the moment it is clicked*/
14a:active{
15 color: brown;
16}