Как установить css в html

CSS в HTML обычно устанавливается с помощью тега <link> и атрибута «href».

Создайте файл стилей с расширением .css, например «style.css».
Внутри вашего HTML-документа, между тегами <head> и </head>, добавьте следующий код:

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

Путь к файлу стилей должен быть правильным, относительно расположения вашего HTML-файла. Если файл стилей находится в той же папке, что и ваш HTML-файл, то вы можете использовать просто его имя, как в примере выше. Если же файл находится в другой папке, укажите полный путь к нему или путь относительно корня сайта.
Ваш файл стилей должен содержать CSS-правила для того, чтобы изменить внешний вид вашего HTML-документа. Вот пример:

body {
  background-color: #f1f1f1;
}

h1 {
  color: maroon;
  margin-left: 40px;
}

Эти правила задают светло-серый фон для всего документа и цвет текста заголовка H1 — бордовый, с отступом 40px слева.

Готово! Теперь ваш HTML-документ будет использовать стили, определенные в вашем файле CSS.

Поделиться в: