Чтобы поключить css стиль к странице сайта есть 3 хороших способа о которых я вам сегодня и расскажу.

Способ № 1

Глобальные стили. Все стили описываються в HTML

<head>
  <style type="text/css" media="all">
    body {
      background: #ссс;
    }
  </style>
</head>

Следующие два способа наиболее приемлемы и правильны с их помощью мы будем уметь правильно подключать внешний файл с расширением *.css. Эти методы прекрасны для сайтов которые имеют много страниц так как их редактирование будет выполняться в одном css файле, а оформление будетизменяться на всех страницах сайта!

Способ №2

Для того чтобы нам подключить css стили к сайту необходимо между тегами прописать следующий код:

<head>
  <link href="all.css" rel="stylesheet" type="text/css" />
</head>

href - путь к файлу таблицы стилей.

Способ №3

<head>
  <style media="all" type="text/css">@import "all.css";</style>
</head>

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

media - показывает какому типу устройств относится данный блок стилей.

Cписок распозоваемых устройств:
all – Все устройства
projection – для проекторов.
screen – Для дисплеев
tty – для телетайпов, терминалов или портативных устройств с ограниченными возможностями вывода информации.
tv – для устройств например (телевизора).
handheld – для портативных устройств
print – для страничных в режиме предварительного просмотра печати.
braille – н для устройств, чтения азбуки Брайля.
aural – для речевых синтезаторов.

Bот и все. всем спасибо!