Как связать HTML с CSS?

Связать Html с Css можно без проблем тем более есть несколько вариантов. Если у вас не получается применить стиль Css к своему сайту то вы можете посмотреть 3 варианта с подробными примерами как применять стиль Css к страницам сайта на www.sozdat-svoysayt.ru/style/priminenie-css.phpубедитесь сами ничего сложного!

Чтобы связать HTML с CSS, нужно использовать тег <link>. Вот пример:

```html
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
```

В этом примере, ссылка на CSS файл "style.css" находится в теге <link> внутри секции <head> HTML страницы.

Убедитесь, что путь к файлу указан правильно. Если файл CSS находится в той же папке, что и HTML файл, то достаточно указать только название файла.

Если проблема не решена, убедитесь, что правильно используете селекторы в CSS файле. Селекторы должны соответствовать элементам HTML страницы.

Способы подключения CSS к документу
Правила CSS и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS.
То есть, эти таблицы стилей могут быть подключены, внедрены в описываемый ими веб-документ четырьмя различными способами:
когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством тега <link>, располагающегося в этом документе между тегами <head> и </head>. (Тег <link> будет иметь атрибут href, имеющий значением адрес этой таблицы стилей). Все правила этой таблицы действуют на протяжении всего документа;
<head>
...
<link rel="stylesheet" type="text/css" href="style.css">
</head>
когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством директивы @import, располагающейся в этом документе между тегами <style> и </style> (которые, в свою очередь, располагаются в этом документе между тегами <head> и </head>) сразу после тега <style>, которая также указывает (в своих скобках, после слова url) на адрес этой таблицы стилей. Все правила этой таблицы действуют на протяжении всего документа;
<head>
...
<style type="text/css" media="all">
@import url(style.css);
</style>
</head>
когда таблица стилей описана в самом документе, она может располагаться в нём между тегами <style> и </style> (которые, в свою очередь, располагаются в этом документе между тегами <head> и </head>). Все правила этой таблицы действуют на протяжении всего документа;
<head>
...
<style type="text/css">
body {
color: red;
}
</style>
</head>
когда таблица стилей описана в самом документе, она может располагаться в нём в теле какого-то отдельного тега (посредством его атрибута style) этого документа. Все правила этой таблицы действуют только на содержимое этого тега.
<p style="font-size: 21px; color: green;">Текст</p>
В первых двух случаях говорят, что к документу применены внешние таблицы стилей, а во вторых двух случаях — внутренние таблицы стилей.
Для добавления CSS к XML-документу, последний должен содержать специальную ссылку на таблицу стилей. Например:
type="text/css" href="style.css"?>
Источник - www.299792458.ru/publ/124-1-0-9186

Советую начать с выснения разницы между PSD и CSS HTML