html not linking css

I’m having an issue with linking html and Css and have no idea why. I’m doing everything like the book and tutorials says. However, I’m not getting to do the external configuration of css.

This is the code(just a test):

<!DOCTYPE html>
<html lang = "eng">
    <head>
        <meta name="viewport" content="width=device-width; initial-scale=1.0">

        <title>title</title>
        <meta name="description" content="">
        <meta name="keywords" content="">

        <link rel="stylesheets" type="text/css" href="/styles.css">
    </head>

    <body>
        <h1>test</h1>
    </body>
</html>

and CSS:

body {
    background-color:#CCCCCC;
}

h1 {
    color:#0000EE;
}

Maybe I miss something, because when I do internal css (within my html code with ) it goes ok and the web browser is able to read that. It seems like the html is not linked with css, but it’s even on the same folder so the path shouldn’t be the problem.

I’m using Linux and Aptana Studio.

I’ve searched a lot the last 2 hours and cannot find where the mistake is.

Leave a Comment