Как связать мой CSS с моим HTML на сайте, размещенном на github - PullRequest
Новая
       56

Как связать мой CSS с моим HTML на сайте, размещенном на github

0 голосов
/ 09 января 2019

Моя проблема в том, что мой веб-сайт, который я пытаюсь разместить на страницах Github, не будет читать CSS, который я с ним связал.

Мой HTML выглядит так: 

<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="https://github.com/legoman8304/legoman8304.github.io/blob/master/style.css">
<html>
    <body>
        <h1>Hello World</h1>
        <p>I'm under construction!</p>
        <h6>Copyright MIT Licence 2018</h6>
    </body>
</html>

Мой CSS выглядит так: 

body {
  background-color: lightblue;
}

h6 {
  color: navy;
  margin-left: 20px;
}

Хранилище ссылок: legoman8304.github.io

Я предполагаю, что я неправильно связал CSS, потому что когда я использую элемент inspect на самом сайте, он показывает style.css, но при открытии он пуст. Любая помощь?

Ответы [ 2 ]

0 голосов
/ 09 января 2019

Вы можете использовать несколько способов:

0 голосов
/ 09 января 2019

Вам нужно связать свой HTML-код со страницей github, отображаемой style.css, а не с самим файлом в репозитории.

Изменить это: 

<link rel="stylesheet" type="text/css" href="https://github.com/legoman8304/legoman8304.github.io/blob/master/style.css">

К этому: 

<link rel="stylesheet" type="text/css" href="https://legoman8304.github.io/style.css">

И переместите эту ссылку на таблицу стилей внутри тега <head>.

...