В современной веб-разработке каскадные таблицы стилей (CSS) используются для управления представлением и макетом HTML-документов. Чтобы применить стили CSS к документу HTML, вам необходимо связать файл CSS с файлом HTML. В этой статье мы рассмотрим различные методы связывания CSS в HTML, а также приведем примеры кода.

Метод 1: внешний файл CSS
Наиболее распространенный и рекомендуемый метод — использование внешнего файла CSS. Выполните следующие действия:

Шаг 1. Создайте файл CSS с расширением.css. Например, «styles.css».
Шаг 2. Поместите файл CSS в тот же каталог, что и файл HTML, или в подкаталог.
Шаг 3. Добавьте следующий код в . Разделвашего HTML-файла:

<link rel="stylesheet" href="styles.css">

Метод 2: встроенный CSS
Встроенный CSS применяется непосредственно к элементам HTML с помощью атрибута style. Хотя он не так масштабируем, как внешний CSS, он может быть полезен для небольших модификаций. Вот пример:

<p >This is a paragraph with blue text.</p>

Метод 3: встроенный CSS
Встроенный CSS помещается в теги