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.
