Как связать мой HTML-файл с моим файлом CSS

Я изо всех сил пытаюсь связать свой html-файл с моим файлом css. Когда я открываю браузер Chrome, я вижу только html. Я использовал как абсолютное связывание файлов, так и относительное, и у меня двойные и тройные проверки файлов. Файлы index.html и style.css находятся в одной и той же папке, бок о бок, братья и сестры.

index.htmlКак связать мой HTML-файл с моим файлом CSS

<!DOCTYPE html> 
<html> 
<head> 
     <link rel="stylesheet" href="style.css"> 
</head> 
<body> 
    <h1 class="title">My App</h1> 
    <div class="app"> 
     <div class="screenshot"> image</div> 

     <div class="description" 
      >This is some text on my webpage. This is some text on my webpage. This is some text on my webpage. This is some text on my webpage. This is some text on my webpage. This is some text on my webpage. This is some text on my webpage. This is some text on my webpage. This is some text on my webpage. This is some text on my webpage. </div> 
    </div> 
</body> 
</html>

style.css

*{ 
    outline: 1px soild red !important; 
} 
*{ 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
} 

.image { 
    max-width: 460px; 
} 
.desription { 
    max-width: 705px; 
}

файлы находятся в одной папке вместе.

Мне кажется, что я читал каждый вопрос такого характера здесь уже и никто, кажется, не имел такой же проблемы, как я. Но если мой код где-то не прав, возможно, мне просто нужен второй набор глаз, чтобы увидеть его.
Я немного новичок в этом и не могу, чтобы жизнь меня поняла.
Спасибо за помощь!

источник

2015-05-25 StevieNB

Вы пробовали с '../'? – Nitesh

Помимо некоторых недостатков форматирования, это должно отлично работать. Что заставляет вас предположить, что это не сработает? – connexo

Вы не увидите «CSS» - это просто повлияет на HTML на вашей странице. –

Как я уже сказал в своем комментарии, вы не увидите «CSS» - это просто повлияет на HTML на вашей странице.

Причина, почему вы не видите красный контур на все, что у вас есть опечатка в вашем CSS:

*{ 
    outline: 1px soild red !important; 
}

Должно быть

*{ 
    outline: 1px solid red !important; 
}

EDIT: После того, как вы сделаете это изменение , вам может потребоваться жесткое обновление, чтобы очистить кешированную версию CSS - в chrome вы можете сделать это, удерживая ctrl, когда будете свежими, например ctrl + f5.

источник

2015-05-25 10:25:49

'soild' должно быть' solid' –

Dammit @GolezTrol мы продолжаем наступать друг на друга: D –

У нас? :) Извините, вы так себя чувствуете. ;) – GolezTrol

Откройте инструменты разработчика в своем браузере и проверьте вкладку сети и найдите style.css.

источник

2015-05-25 10:27:22

Ваш link в порядке. Я загрузил его локально.

Ваш * стиль не работает, потому что solid с ошибкой.

В следующий раз используйте хром-отладчик, чтобы убедиться, что файл style.css загружен, тогда вы можете узнать, что что-то не так в другом месте (например, ваш css). Если он не загружен правильно, произойдет ошибка (например, style.css не найден).

источник

2015-05-25 10:28:48

Как связать мой HTML-файл с моим файлом CSS

ответ

Смежные вопросы