html nie łączy css

Mam problem z łączeniem html i Css i nie mam pojęcia dlaczego. Robię wszystko, jak mówi książka i samouczki. Nie dostaję jednak zewnętrznej konfiguracji css.

To jest kod (tylko 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>

i CSS:

body {
    background-color:#CCCCCC;
}

h1 {
    color:#0000EE;
}

Być może coś mi brakuje, ponieważ gdy wykonuję wewnętrzny css (w moim kodzie HTML z), wszystko jest w porządku i przeglądarka internetowa może to odczytać. Wygląda na to, że HTML nie jest połączony z css, ale jest nawet w tym samym folderze, więc ścieżka nie powinna być problemem.

Używam Linux i Aptana Studio.

Szukałem dużo przez ostatnie 2 godziny i nie mogę znaleźć miejsca, w którym popełniono błąd.

questionAnswers(6)

yourAnswerToTheQuestion