How to Connect my Html doc and external css files?
Hey peoples! I have started to create a webpage to begin practical exercises to learn more! however my stylesheet doesn't appear to be working: Html: <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="css" href="stylesheet.css> <title>FishingWithDan</title> </head> <body> <!--Navigation menu--> <nav> <ul> <li><a href="add link later!">home</a></li> <li><a href="add link later!">about me</a></li> <li><a href="add link later!">contact me</a></li> </ul> </nav> <!--heading--> <h1 align="center">Dan Harwood's fishing Portfolio!</h1> <hr> <pclass="center" >Hey!</p> </body> </html> css: body{ background-color: #556B2F; } nav{ padding:50px 0; min-width: 500px; } nav ul { background: linear-gradient(90deg); rgba(255, 255, 255, 0) 0% rgba(255, 255, 255, 0.2) 25% rgba(255, 255 , 255, 0.2) 75% rgba(255, 255, 255, 0) 100% box-shadow: 0 0 25px rgba(0, 0, 0, 0.1) inset 0 0 1px rgba (255, 255, 255, 0.6); } nav ul li{ display: inline-block; } nav ul li a { padding: 10px; color: #FFFFFF; font-size: 18px; font-family: arial; text-decoration: none; display: block; } I was hoping to get a color background and a nice Nav menu but none of it appears!