CSS-стили могут быть подключены к веб-странице через тег link или тег style.
Через тег link:
- Сохраните файл со стилями с расширением .css в папке с веб-страницей (обычно называют файл style.css).
- В HTML-коде, внутри тега head, добавьте следующий тег link:
<link rel="stylesheet" type="text/css" href="style.css">
В атрибуте href указывается путь к файлу со стилями. В этом примере перед слэшем нужно указать путь к папке, где хранятся файлы, относительно папки с веб-страницей.
Через тег style:
- Внутри тега head, введите открывающий и закрывающий теги style:
<head>
<style>
/* тут нужно ввести все CSS стили */
</style>
</head>
- Внутри тега style введите все CSS стили, как обычно.
Хорошей практикой является использование файловых стилей (через тег link), так как это позволяет отделить структуру HTML-кода от стилей и упростить поддержку и дальнейшее развитие проекта.