Как привязать, применить файл styles.css к html???

Для начала необходимо пояснить, что имеется в виду под названием "файл стилей" - вероятно вы имели ввиду -“таблиц стилей”. Большинство современных текстовых редакторов позволяют пользователю определять стиль, который будет использоваться для форматирования документа. В частности, можно выбрать стиль абзаца с одинарным межстрочным интервалом, шрифтом и левым полем в один дюйм. Этот стиль форматирования может быть в дальнейшем применен к любому числу абзацев этого и других документов. Таблицы стилей НТML действуют точно таким же образом.

Большим преимуществом таблиц стилей HTML является возможность отделить операцию форматирования от содержания документа. Сначала определяется, как должен выглядеть текст в том или ином месте страницы, а затем вводите сам текст. Если вы позднее решите, например, заменить цвет шрифта заголовков на синий, для этого будет достаточно поменять только стиль этих заголовков. Делать изменения в тексте нет необходимости.

Существует четыре метода применения таблицы стилей к документу:

Связывание (Linking) — можно связать HTML - документ с таблицей стилей, хранящейся в отдельном файле.

Встраивание (Embedding) — можно встроить таблицу стилей в HTML - документ с помощью контейнера <style>.

Задание стиля для отдельного фрагмента документа (Inline) - можно определять элементы стиля "на лету", т. е. указывать их в тэгах HTML, например, в тэге абзаца .

Импорт (Import) — можно использовать зарезервированное слов @import для импортирования таблицы стилей в HTML - документ.

Если вы не профи - то советую сделать так называемый inline стиль - который может задаваться напрямую для каждого элемента

например у вас есть тег - то можно задать ему стиль с помощью опции style="padding-left: 70px"

Но лучше сделтаь проще -

Для включения таблицы стилей в документ необходимо воспользоваться контейнером

< head>
< link rel="stylesheet" href="html://com***p.com/20-min.css" type="text/css">
---
< /head>

Просто папка style